下拉列表Select的操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了下拉列表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下拉列表js操作兼容性问题分享

html select标签下拉列表展开

selenium基础(下拉菜单操作)

java+selenium+new——操作单选下拉列表——select类

(selenium+python)_UI自动化05_定位select下拉列表

16.Selenium下拉框操作模拟操作下拉框