首页 > 其他 > 详细

下拉列表Select的操作

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

<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的操作

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!