jQuery Select下拉框操作小结(推荐)(jquery下拉列表)

推荐整理分享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