jquery遍历select元素的二种方法(实例)

发布时间:2019-12-01编辑:脚本学堂
分享下jquery遍历select元素的二个例子,学习下jquery select元素的遍历方法,有需要的朋友作个参考吧。

方法1,jquery遍历select的代码,利用$("#<%=ddl_xreg_id.clientid%> option").each(function() {形式来each遍历一次,所有的select均查询一次。

代码:
 

复制代码 代码示例:

<script src="jquery-1.4.2.js" type="text/网页特效"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selecttest").change(function()
{ // www.jb200.com
  //alert("hello");
  //alert($("#selecttest").attr("name"));
  //$("a").attr("href","xx.html");
  //window.location.href="xx.html";
  //alert($("#selecttest").val());
  alert($("#selecttest option[@selected]").text());
  $("#selecttest").attr("value", "2");
});
});
</script>

<a href="#">aaass</a>
<!--下拉框-->
<select id="selecttest" name="selecttest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>

方法2,jquery遍历select元素。
 

复制代码 代码示例:
function autoscrollregion() {
   var reg_name = $("#<%=txt_reg_name.clientid%>").val();
   $("#<%=ddl_xreg_id.clientid%> option").each(function() {
   if ($(this).text() == reg_name) {
      $(this).attr("selected", "selected");
      break;
    }
  });     
}