JQuery下拉控件select的操作汇总
2024-07-30 15:55:26 222人阅读
JQuery获取和设置Select选项方法汇总如下:
获取select
先看看下面代码:缙云县外国专家局
1 | $( "#select_id" ).change( function (){ |
2 | var checkText=$( "#select_id" ).find( "option:selected" ).text(); |
3 | var checkValue=http://www.mamicode.com/$( "#select_id" ).val(); |
4 | var checkIndex=$( "#select_id " ).get(0).selectedIndex; |
5 | var maxIndex=$( "#select_id option:last" ).attr( "index" ); |
6 | $( "#select_id " ).get(0).selectedIndex=1; |
7 | $( "#select_id " ).val(4); |
8 | $( "#select_id option[text=‘jQuery‘]" ).attr( "selected" , true ); |
获取select 选中的 text :
1 | $( "#ddlRegType" ).find( "option:selected" ).text(); |
获取select选中的 value:
获取select选中的索引:
1 | $( "#nowamagic" ).get(0).selectedIndex; |
设置select
jQuery添加/删除Select的Option项:
1 | $( "#select_id" ).append( "<option value=http://www.mamicode.com/‘Value‘>Text" ); |
2 | $( "#select_id" ).prepend( "<option value=http://www.mamicode.com/‘0‘>请选择" ); |
3 | $( "#select_id option:last" ).remove(); |
4 | $( "#select_id option[index=‘0‘]" ).remove(); |
5 | $( "#select_id option[value=http://www.mamicode.com/‘3‘]" ).remove(); |
6 | $( "#select_id option[text=‘4‘]" ).remove(); |
设置select 选中的索引:
2 | $( "#nowamagic" ).get(0).selectedIndex=index; |
设置select 选中的value:
1 | $( "#nowamagic" ).attr( "value" , "Normal" ); |
2 | $( "#nowamagic" ).val( "Normal" ); |
3 | $( "#nowamagic" ).get(0).value = http://www.mamicode.com/value; |
设置select 选中的text:
1 | var count=$( "#nowamagicoption" ).length; |
2 | for ( var i=0;i<count;i++) |
3 | { if ($( "#nowamagic" ).get(0).options[i].text == text) |
5 | $( "#nowamagic" ).get(0).options[i].selected = true ; |
清空 select:
1 | $( "#nowamagic" ).empty(); |
JQuery下拉控件select的操作汇总
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉:
投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。