js怎么选中option的value

JavaScript015

js怎么选中option的value,第1张

利用js可以很简单的获取到,给你提供些方法:

var obj = document.getElementByIdx_x(”testSelect”) //定位id

var index = obj.selectedIndex // 选中索引

var text = obj.options[index].text // 选中文本

var value = obj.options[index].value // 选中值

jQuery中获得选中select值:

第一种方式

$('#testSelect option:selected').text()//选中的文本

$('#testSelect option:selected') .val()//选中的值

$("#testSelect ").get(0).selectedIndex//索引

 

第二种方式

$("#tesetSelect").find("option:selected").text()//选中的文本

$("#tesetSelect").find("option:selected").val()//选中的值

$("#tesetSelect").find("option:selected").get(0).selectedIndex//索引

<select name="menu" id="menu" >

   <option id="1" >111</option>  //  111 是显示给用户的信息

   <option id="2" >222</option>

   <option id="3" >333</option>

   <option id="4" >444</option>

   <option id="5" >555</option>

</select>

<script type="text/javascript">

function display(optionID){

   var all_options = document.getElementById("menu").options

   for (i=0 i<all_options.length i++){

      if (all_options[i].id == optionID)  // 根据option标签的ID来进行判断  测试的代码这里是两个等号

      {

         all_options[i].selected = true

      }

   }

}

display("4")

</script>

/*遍历选中的option*/

$("#id option:selected").each(function(i){

$(this).val()/*获取选中的option值*/

$(this).attr("selected",false)/*将选中的option设置为未选中状态*/

})