地球村欢迎您!
预览模式: 图文 | 列表

获取表单元素各值相关

Javascript获取select下拉框选中的的值

<select name="switch" id="switch" data-role="slider">
<option value="on">On</option>
<option value="off">Off</option>
</select>



1、使用javascript原生的方法获取值

获取select对象: var myselect=document.getElementById("switch");

获取选中项的索引:var index=myselect.selectedIndex ;   // selectedIndex代表的是你所选中项的index

获取选中项options的value:  myselect.options[index].value;

获取选中项options的text:  myselect.options[index].text;


2、jquery方法获取值(前提是已经加载了jquery库)

var options=$("#switch option:selected");  //获取选中的项

console.log(options.val());   //拿到选中项的值

console.log(options.text());   //拿到选中项的文本


HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:学无止境 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6