JS获取select的value和text值的简单实例

前端技术 2023/09/07 JavaScript
复制代码 代码如下:

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

本文地址:https://www.stayed.cn/item/18143

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。