js获取select标签选中的值
js获取select标签选中的值
遇到一个问题。需要利用JavaScript代码获取下拉框选中的值。
下拉框部分代码:
1 <select id="day">
2 <option value="0">不限</option>
3 <option value="1">一天</option>
4 <option value="2">两天</option>
5 <option value="3">三天</option>
6 </select>
获取方式一:原生JavaScript
1 var myselect = document.getElementById("day"); //获取select对象
2 var index = myselect.selectedIndex; //获取被选中的索引
3 var day = myselect.options[index].value; //获取被选中的值
4 alert(day); //检验是否成功获取
获取方式二:JQuery
首先要保证已经引入了jQuery库。
var options = $("#day option:selected"); //获取选中项
var day = options.val(); //获取选中项的值
alert(day); //检验是否获取到值
转载请注明作者和出处。