欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

利用js获取select的value和text值

程序员文章站 2022-04-19 17:17:23
Js代码 

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>