码迷,mamicode.com
首页 > 其他好文 > 详细

下拉列表Select的操作

时间:2016-03-26 08:28:27      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:select

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>对下拉列表select的基本操作</title>
<script src="jquery-1.8.2.min.js"></script>
</head>

<body>
<select name="jumpMenu" id="jumpMenu" >
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
<option value="4">444</option>
<option value="5">555</option>
</select>

<script type="text/javascript">
$(function(){
 
 
  $("#jumpMenu").val(4);//设置value值为4的option被选中

  var array = new Array();
  $("#jumpMenu option").each(function(i,obj){
     var value = $(this).text();
    
    if($(this).text()==444){ //设置text值为444的option被选中
      $(this).attr("selected","selected");
    }
    array.push(value);
    
  })
 
  $("#jumpMenu option[value=‘3‘]").attr("selected", "selected"); //设置value值为3的option被选中
  var v1 = $("#jumpMenu").find("option:selected").text();//获取option被选中的 text
  var v2 = $("#jumpMenu ").val();//获取option被选中的 value

 


});
</script>
</body>

下拉列表Select的操作

标签:select

原文地址:http://9381188.blog.51cto.com/9371188/1755245

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!