JQuery獲得select選中的值 js獲得select選中的值

用JQuery寫的:

Js代碼  收藏代碼
  1. Jquery獲得select下拉選項option的值:  
  2.   
  3. <script type"text/javascript">  
  4.   
  5. $(document).ready(function() {  
  6.   
  7. $("#selProv").change(function(){  
  8.   
  9. alert( $("#selProv option:selected").text() );})  
  10.   
  11. });  
  12. //alert($("#selProv option[value='01']").val());//也可以這樣獲得一個值  
  13. </script>  
  14.   
  15. <select id="selProv">  
  16.   
  17. <option value="1">text111111</option>  
  18.   
  19. <option value="2">text222222</option>  
  20.   
  21. </select>  

 

用javascript的寫的:

Js代碼  收藏代碼
  1. var str = document.getElementById("stBegin");  
  2. alert(str.options[str.selectedIndex].value);  

 

如何添加select的option呢?

有如下兩種方法,當然還有其它的方法,下面的只是經常用到:

①JS代碼:

Js代碼  收藏代碼
  1. var op = new Option("text""value");//創建一個option對象  
  2. op.selected = true;//設置其爲默認選中項  
  3. $("#stBegin")[0].options.add(op);//添加到select對像  

 ②JQuery代碼:

Js代碼  收藏代碼
  1. $("#stBegin").append("<option value='00000' selected>oooo</option>");//使用JQuery的append方法,來天添加  

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章