Javascript获取select下拉框选中的的值,select中指定option选中触发事件
2017-11-19 22:01
816 查看
现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
<select id="test" name="" onchange="gradeChange()">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一:javascript原生的方法
1:拿到select对象: var myselect=document.getElementById("test");
2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value: myselect.options[index].value;
4:拿到选中项options的text: myselect.options[index].text;
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本
三:option选中触发事件
分别使用javascript原生的方法和jquery方法
<select id="test" name="" onchange="gradeChange()">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一:javascript原生的方法
1:拿到select对象: var myselect=document.getElementById("test");
2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value: myselect.options[index].value;
4:拿到选中项options的text: myselect.options[index].text;
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本
三:option选中触发事件
<script type="text/JavaScript"> function gradeChange(){ var objS = document.getElementById("test"); var grade = objS.options[objS.selectedIndex].grade; alert(grade); } </script>
相关文章推荐
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- Javascript获取select下拉框选中的的值
- JS实现select选中option触发事件操作示例
- jQuery实现select下拉框选中数据触发事件
- 两种方法获取select下拉框选中的option的值
- 如何获取select中的value、text、index相关值 && 如何获取单选框中radio值 && 触发事件 && radio 默认选中
- Select下拉框onchange事件获取option的value值
- Javascript获取select下拉框选中的的值
- Javascript获取select下拉框选中的的值