jquery获得select option的值和对select option的操作

╰+哭是因爲堅強的太久メ 2021-11-22 09:38 325阅读 0赞

<table style="table-layout:fixed;"> 
 <tbody> 
 <tr> 
 <td> 
 <div> 
 获取Select ： 
 &nbsp;获取select 选中的 text : 
 &nbsp;&nbsp; $("#ddlRegType").find("option:selected").text(); 
 &nbsp; 
 &nbsp;获取select选中的 value: 
 &nbsp;&nbsp; $("#ddlRegType ").val(); 
 &nbsp; 
 &nbsp;获取select选中的索引: 
 &nbsp;&nbsp;&nbsp;&nbsp; $("#ddlRegType ").get(0).selectedIndex; 
 &nbsp; 
 设置select: 
 &nbsp;设置select 选中的索引： 
 &nbsp;&nbsp;&nbsp;&nbsp; $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值 
 &nbsp; 
 &nbsp;设置select 选中的value： 
 &nbsp;&nbsp;&nbsp; $("#ddlRegType ").attr("value","Normal“); 
 &nbsp;&nbsp;&nbsp; $("#ddlRegType ").val("Normal"); 
 &nbsp;&nbsp;&nbsp; $("#ddlRegType ").get(0).value = value; 
 &nbsp; 
 &nbsp;设置select 选中的text: 
 var count=$("#ddlRegType option").length; 
 &nbsp; for(var i=0;i&lt;count;i++)&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($("#ddlRegType ").get(0).options[i].text == text)&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#ddlRegType ").get(0).options[i].selected = true;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; } 
 &nbsp; 
 $("#select_id option[text='jQuery']").attr("selected", true); 
 &nbsp; 
 设置select option项: 
 &nbsp; 
 &nbsp;$("#select_id").append("&lt;option value='Value'&gt;Text&lt;/option&gt;");&nbsp;&nbsp;//添加一项option 
 &nbsp;$("#select_id").prepend("&lt;option value='0'&gt;请选择&lt;/option&gt;");&nbsp;//在前面插入一项option 
 &nbsp;$("#select_id option:last").remove();&nbsp;//删除索引值最大的Option 
 &nbsp;$("#select_id option[index='0']").remove();//删除索引值为0的Option 
 &nbsp;$("#select_id option[value='3']").remove();&nbsp;//删除值为3的Option 
 &nbsp;$("#select_id option[text='4']").remove();&nbsp;//删除TEXT值为4的Option 
 &nbsp; 
 清空 Select: 
 $("#ddlRegType ").empty(); 
 &nbsp; 
 jquery获得值： 
 .val() 
 .text() 
 &nbsp; 
 设置值&nbsp; 
 .val('在这里设置值') 
 &nbsp; 
 &nbsp; 
 $("document").ready(function(){&nbsp; $("#btn1").click(function(){&nbsp; $("[name='checkbox']").attr("checked",'true');//全选&nbsp; })&nbsp; $("#btn2").click(function(){&nbsp; $("[name='checkbox']").removeAttr("checked");//取消全选&nbsp; })&nbsp; $("#btn3").click(function(){&nbsp; $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数&nbsp; })&nbsp; $("#btn4").click(function(){&nbsp; $("[name='checkbox']").each(function(){//反选&nbsp; if($(this).attr("checked")){&nbsp; $(this).removeAttr("checked");&nbsp; }&nbsp; else{&nbsp; $(this).attr("checked",'true');&nbsp; }&nbsp; })&nbsp; })&nbsp; $("#btn5").click(function(){//输出选中的值&nbsp; var str="";&nbsp; $("[name='checkbox'][checked]").each(function(){&nbsp; str+=$(this).val()+"\r\n";&nbsp; //alert($(this).val());&nbsp; })&nbsp; alert(str);&nbsp; })&nbsp; }) 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/linji/archive/2012/03/23/2413614.html