js如何取select的值，并输出为一个数组
如：
<select name="test" id=testid>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
输出一个数组(1,2,3)
思路：通过id获取<select>对象，然后循环获取select对象的option的文本值，关键代码如下：
obj = document.getElementById(select_id);str = [];
for(i=0;i<obj.length;i++)
str[i] = obj[i].text;
下面进行实例演示：
1、HTML结构
<select id="test"><option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
<input type='button' value='获取' onclick="fun()"/>
2、javascript代码
function fun(){obj = document.getElementById("test");
str = [];
for(i=0;i<obj.length;i++){
str[i] = obj[i].text;
}
alert(str)
}
3、点击按钮后显示获取到的下拉列表项数组元素
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2016-07-04
用getElementsByTagName
<html><head></head>
<body>
<select name="test" id="testid">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
</body>
<script>
var tselect = document.getElementById("testid").getElementsByTagName("option");
var output="";
for(var i=0;i<tselect.length;i++){
output=output+tselect[i].value+","
}
console.log("("+output.substring(0,output.length-1)+")");
</script>
</html>本回答被提问者采纳
<html><head></head>
<body>
<select name="test" id="testid">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
</body>
<script>
var tselect = document.getElementById("testid").getElementsByTagName("option");
var output="";
for(var i=0;i<tselect.length;i++){
output=output+tselect[i].value+","
}
console.log("("+output.substring(0,output.length-1)+")");
</script>
</html>本回答被提问者采纳
相似回答