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方法，来天添加