中关村村草 发表于 2012-02-17 23:52

JS获取下拉框值

JS获取下拉框值








今天做项目时，遇到获取下拉框选项的值，发现一个没太注意的问题，下面来记录一下。



下拉框代码：

Html代码<select id="Type" class="select" name="Type">
          <option selected="selected" style="color: black;" value="0">
全部   
</option>
          <option value="1"> 语文</option>
<option value="2"> 英语</option>
<option value="3"> 数学</option>
</select>

<select id="Type" class="select" name="Type">
          <option selected="selected" style="color: black;" value="0">
全部
</option>
          <option value="1"> 语文</option>
<option value="2"> 英语</option>
<option value="3"> 数学</option>
</select>那么js如果获取选中下拉框的值呢？

我开始是这样写的：

Js代码var obj = $("#Type");   
alert(obj);   
var roleValue = obj.options.value;

var obj = $("#Type");
alert(obj);
var roleValue = obj.options.value;



但报错说未定义最后才发现需要这样写：

Js代码    var obj = document.getElementById("Type");   
    alert(obj);   
var roleValue = obj.options.value;//获取选中下拉框的value   
var roleValue = obj.options.text;//获取选中下拉框的文本

    var obj = document.getElementById("Type");
    alert(obj);
var roleValue = obj.options.value;//获取选中下拉框的value
var roleValue = obj.options.text;//获取选中下拉框的文本



小忻黑夜 发表于 2012-02-17 23:52

谢谢分享
页: [1]
查看完整版本: JS获取下拉框值