利用js获取select的value和text值 程序员文章站 2022-09-16 09:21:36 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> 上一篇: JSP 中的文件操作 下一篇: SQL根据表名,查询表所有字段(列名)的教程 推荐阅读 Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐) js获取json中key所对应的value值的简单方法 js获取自定义属性的值(如何获取select框的值) js select 标签选定项的值获取代码 js 获取当前select元素值的代码 js获取当前select 元素值的代码 jquery获取select,option所有的value和text的实例 js获取自定义属性的值(如何获取select框的值) jQuery获取Select选择的Text和Value详细解释 js获取div的值(js获取div的value值)