位置: 编程技术 - 正文
jQuery Select下拉框操作小结(推荐)(jquery下拉列表)
编辑：rootadmin推荐整理分享jQuery Select下拉框操作小结(推荐)(jquery下拉列表)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery下拉框设置选中,jquery给下拉框添加选项,jquery下拉框选择,jquery 下拉框取值,jquery下拉列表框,jquery下拉列表框,jquery下拉列表,jquery下拉列表,内容如对您有帮助，希望把文章链接给更多的朋友！
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最大的索引值
jQuery获取Select元素，并设置的 Text和Value:
实例分析：
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 6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
三级分类
四级分类:
获取Select ：
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引：
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value：
$("#ddlRegType ").attr("value","Normal“);$("#ddlRegType ").val("Normal");$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
设置select option项:
清空 Select:
$("#ddlRegType ").empty();
jquery获得值：
.val().text()
设置值
.val('在这里设置值')
以上所述是小编给大家介绍的jQuery Select下拉框操作小结(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持！
jquery checkbox无法用attr()二次勾选问题的解决方法 今晨，漂亮的测试妹妹提了个奇怪的bug，说我一功能checkbox时隐时现，比如第一次打开有勾选，第n次打开可能就不选了。想到与美女有亲密接触机会，
jquery常用的个小功能 jquery个常用功能极好的，快来围观！返回顶部使用JQuery的animate和scrollTop方法可以创建简单地返回顶部的动画：//Backtotop$('a.top').click(function(e){e.preventDefa
jquery实现ajax加载超时提示的方法 本文实例讲述了jquery实现ajax加载超时提示的方法。分享给大家供大家参考，具体如下：index.php!doctypehtmlhtmlheadmetacharset="utf-8"/title加载超时/titlescripttype="t
标签: jquery下拉列表
本文链接地址:https://www.jiuchutong.com/biancheng/385071.html 转载请保留说明！
