利用js获取select的value和text值

利用js获取select的value和text值  

Js代码 

<select id = "cityList" > 
<select id = "selectId" > 
   <option value = "0">第0个</option> 
</select> 
 
<script> 
    var selectObj = document.getElementById('selectId'); 
    // 通过对象添加option 
    selectId.add(new Option("第一个","1")) 
    selectId.add(new Option("第二个","2")) 
    // 通过id添加option 
    selectId.add(new Option("第三个","3")) 
    selectId.add(new Option("第四个","4")) 
    // 通过id添加方法（也可以通过对象添加方法） 
    selectId.onchange = function(){ 
        // 通过对象获取value和text 
        alert(selectObj.value); 
        alert(selectObj.options[selectObj.selectedIndex].text); 
        // 通过 id 获取value和text 
        alert(selectId.value); 
        alert(selectId.options[selectId.selectedIndex].text); 
        // 还可以通过this获取value和text 
        alert(this.value); 
        alert(this.options[this.selectedIndex].text); 
    }; 
</script>