jQuery操作Select

简介:
+关注继续查看

参考园内大神的作为笔记

jQuery获取Select选择的Text和Value:

语法解释:
1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值 


语法解释:
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

 

jQuery添加/删除Select的Option项:

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

本文转自欢醉博客园博客,原文链接http://www.cnblogs.com/zhangs1986/p/3740632.html如需转载请自行联系原作者


欢醉

相关文章
|
JavaScript 索引
|
JavaScript 前端开发 索引
jquery select 的那些事儿
jQuery获取Select选择的Text和Value:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2.
899 0
|
JavaScript 前端开发 索引
jQuery select操作控制方法小结
很多朋友对jquery select的操作很有兴趣,但网上的东西太多,所以脚本之家特别将Jquery Select操作方法整理下,方便大家查找。 需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可。
889 0
|
前端开发 JavaScript
jquery table 操作
引用:http://www.cnblogs.com/i0air/archive/2012/03/29/2423826.html 一、数据准备 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 ...
809 0
|
JavaScript
JQuery操作Select下拉列表
1 我被选中了 2 alert($("select[@name='sel'] option[@selected]").text()); $("#sel").val(’2′); alert($("select[@name='sel'] option[@selected]").
624 0
相关产品
云迁移中心
推荐文章
更多