在JavaScript中如何提取下拉框中的值？

Answer 1

JavaScript中可以用for循环提取下拉框中的值，关键代码如下：

obj = document.getElementById("select_id"); // 获取select对象
str = "";
for(i=0;i<obj.options.length;i++){  // obj.options.length表示下拉选项数目
    str += obj.options[i].text;   // obj.options[i].text表示第i+1个下拉项目的文本
}

下面进行实例演示：

1、Html结构

<select id="test">
<option value="1">刘备</option>
<option value="2">关羽</option>
<option value="3">张飞</option>
</select><br>
<input type='button' value='获取select所有选项' onclick="fun()"/>

2、jquery代码

function fun(){
obj = document.getElementById("test");
str = "";
for(i=0;i<obj.options.length;i++){
str += obj.options[i].text;
}
alert(str);
}

3、观察效果

Answer 2

<select name="selName" id="sel1">
<option value="1">1111</option>
<option value="2">2222<option>
<option value="3">3333</option>
</select>
取值用document.getElementById("sel1").value

追问

不好意思，你能不能说详细点，因为我要提取的是下拉框里面的值，比如你的代码里面的111或222.谢了哈！！！

追答

var sel_obj = document.getElementById("sel1");

var index = sel_obj.selectedIndex;

alert(sel_obj.options[index].value);

alert(sel_obj.options[index].text);