利用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> 上一篇: 华为OLED驱动芯片完成试产:最快年底量产交付 下一篇: 017.2 基本数据类型对象包装类 推荐阅读 js中利用tagname和id获取元素的方法_javascript技巧 JS获取下拉框显示值和判断单选按钮的方法_javascript技巧 Java利用反射获取object的属性和值代码示例 js获取json中key所对应的value值的简单方法 js 获取当前select元素值的代码 js获取当前select 元素值的代码 jquery获取select,option所有的value和text的实例 Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐) js获取json中key所对应的value值的简单方法 js获取自定义属性的值(如何获取select框的值)