开发者社区> swjian1997> 正文

jQuery操作select下拉框的text值和value值的方法

简介: 1、jquery获取当前选中select的text值 $("#select1").find("option:selected").text(); 2、jquery获取当前选中select的value值 $("#select1").
+关注继续查看

1、jquery获取当前选中select的text值

$("#select1").find("option:selected").text(); 


2、jquery获取当前选中select的value值

$("#select1").val(); 


3、jquery获取当前选中select的索引值

$("#select1").get(0).selectedIndex; 


4、jquery设置索引值为1的项为当前选中项

$("#select1").get(0).selectedIndex=1; 


5、jquery设置value值1的项为当前选中项

$("#select1").val(1);


6、jquery设置text值为"2017"的项为当前选中项

$("#select1 option[text='2017']").attr("selected",true); 


7、为指定select下拉框追加一个option(追加到在末尾)

$("#select1").append(""+i+""); 


8、为制定select下拉框插入一个option(插入到第一个位置)

$("#select1").prepend("请选择"); 


9、jquery删除select下拉框的最后一个option

$("#select1 option:last").remove();

 

10、清空select控件内容

$("#select1").empty();

 

11、jQuery添加/删除Select的Option项

$("#select1").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
 
$("#select1").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
 
$("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个)
 
$("#select1 option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

$("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option
 
$("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jquery 获取单选框值的方法
jquery 获取单选框值的方法
255 0
利用jquery的attr方法一行代码实现的简单的图片切换效果
利用jquery的attr方法一行代码实现的简单的图片切换效果
46 0
Jquery操作文本内容(三个方法:html()、text()、var())
Jquery操作文本内容(三个方法:html()、text()、var())
41 0
js与jQuery的区别以及jQuery选择器和方法的使用
js与jQuery的区别以及jQuery选择器和方法的使用
63 0
每日一学—jQuery css()方法
jQuery css()方法的学习
64 0
Web前端学习:jQuery基础--3【jquery操作样式类名、添加元素、jQuery-CSS()方法】
Web前端学习:jQuery基础--3【jquery操作样式类名、添加元素、jQuery-CSS()方法】
44 0
【笔记10】JS的类、继承、Getter和Setter、jQuery的extend方法
最近要使用 Layui mini 单页版进行后台管理项目的前端页面的开发。完完全全使用 Layui 的模块化开发项目还是比较伤脑筋,所以我决定对 Layui mini 单页版进行自己的封装。封装需要了解 JS 相关的语法和知识点,该篇文章就是对封装过程中 JS 知识点的记录。 技术支持:https://www.runoob.com/js
79 0
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
57 0
jQuery 多库共存与修改样式方法
jQuery 多库共存与修改样式方法
52 0
+关注
swjian1997
热爱新技术,喜欢专研,目前了解范围:.net,C#,Xamarin.Android,MySQL,SQL Server,HTML,Linux,Python
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载