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

如题所述

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、观察效果

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/p2s2fpv44.html