js如何取select的值，并输出为一个数组
如：<selectname="test"id=testid><optionvalue="1">test1</option><optionvalue="2">test2</...
如：
<select name="test" id=testid>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
输出一个数组(1,2,3) 展开
<select name="test" id=testid>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
输出一个数组(1,2,3) 展开
2个回答
展开全部
思路：通过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、点击按钮后显示获取到的下拉列表项数组元素
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
