js获取select下拉框中的值

Posted 2021-01-20 肖薇

现在有一id为userType的下拉框，怎么获取选中的值：

1  用户类型:
2  <select name="type" id="userType">
3     <option value="0">请选择</option>
4     <option value="1">普通类型</option>
5     <option value="2">VIP类型</option>
6</select>        

js操作：

1 var myType = document.getElementById("userType");//获取select对象
2 var index = myType.selectedIndex; //获取选项中的索引，selectIndex表示的是当前所选中的index
3 myType.options[index].value;//获取选项中options的value值
4 myType.options[index].text;//获取选项中options的value值