当前位置： 移动技术网 > IT编程>开发语言>Jsp > 利用js获取select的value和text值

利用js获取select的value和text值

2018年04月02日  | 移动技术网IT编程  | 我要评论

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> 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网