当前位置:编程学习 > JS >>

利用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> 

补充:Web开发 , Jsp ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,