怎样取得selected的option选项的value值

现在有一id=test的下拉框,怎么拿到选中的那个值呢?

 
分别使用javascript原生的方法和jquery方法
 
<select id= "test"   name= "" >   
   <option   value= "1" >text1</option>   
   <option   value= "2" >text2</option>   
  </select>
 
code:
 
一:javascript原生的方法
 
   1:拿到select对象:  var   myselect=document.getElementById( "test" );
 
   2:拿到选中项的索引: var  index=myselect.selectedIndex ;              // selectedIndex代表的是你所选中项的index
 
   3:拿到选中项options的value:  myselect.options[index].value;
 
   4:拿到选中项options的text:  myselect.options[index].text;
 
二:jquery方法(前提是已经加载了jquery库)
 
1: var  options=$( "#test option:selected" );   //获取选中的项
 
2:alert(options.val());    //拿到选中项的值
 
3:alert(options.text());    //拿到选中项的文本

猜你喜欢

转载自www.cnblogs.com/javaboy2018/p/9036971.html