JS 获取select的value和text值

• 2012-08-16
• 2172 View

1. <select id = "cityList" >  
2. <select id = "selectId" >  
3.    <option value = "0">第0个</option>  
4. </select>  
5.   
6. <script>  
7.     var selectObj = document.getElementById('selectId');  
8.     // 通过对象添加option  
9.     selectId.add(new Option("第一个","1"))  
10.     selectId.add(new Option("第二个","2"))  
11.     // 通过id添加option  
12.     selectId.add(new Option("第三个","3"))  
13.     selectId.add(new Option("第四个","4"))  
14.     // 通过id添加方法（也可以通过对象添加方法）  
15.     selectId.onchange = function(){  
16.         // 通过对象获取value和text  
17.         alert(selectObj.value);  
18.         alert(selectObj.options[selectObj.selectedIndex].text);  
19.         // 通过 id 获取value和text  
20.         alert(selectId.value);  
21.         alert(selectId.options[selectId.selectedIndex].text);  
22.         // 还可以通过this获取value和text  
23.         alert(this.value);  
24.         alert(this.options[this.selectedIndex].text);  
25.     };  
26. </script>