存储选择框的选项值并将其存储到变量中(通过逗号分隔的值)
Storing the option values of a select box and storing them into a variable (by comma separated values)
如何将
选择框中的选项值列表存储到以逗号分隔的变量中?
即:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<select id="fruits">
<option value="orange">orange</option>
<option value="banana">banana</option>
<option value="kiwi">kiwi</option>
<option value="mango">mango</option>
<option value="pear">pear</option>
<option value="strawberry">strawberry</option>
</select>
</body>
</html>
变量如下:
var x = "orange,banana,kiwi,mango,pear,strawberry"
我建议,最简单的:
var select = document.getElementById('fruits'),
opts = select.getElementsByTagName('option'),
x = [];
for (var i = 0, len = opts.length; i < len; i++) {
x.push(opts[i].value);
}
x = x.join();
JS小提琴演示。
<select>
有一个名为options
的属性。您可以像常规数组一样迭代它。然后,您可以将它们的值添加到另一个简单的数组中,并使用join
从中创建一个逗号分隔的列表。
// Get the select
var select = document.getElementById("fruits");
// This array will hold the values only
var values = [];
// Iterate the options
for (var i = 0; i < select.options.length; i++) {
// Store the value inside our array
values.push(select.options[i].value;
}
// Make a comma seperated list
var x = values.join(",");
尝试:
var x = document.getElementById('fruits').options;
var values = [];
for(var i=0;i<x.length;i++){
values.push(x[i].value);
}
var val = values.join(",");
演示小提琴
> 使用 getElementsByTagName('option')
和 for
循环是你的朋友。
JSFIddle 演示
var options = document.getElementsByTagName('option');
var x = new Array();
for(var i = 0; i < options.length; i++) {
x.push(options[i].value);
}
x = x.join(', ');
试试这个
<select>
<script language="text/javascript">
var x = new Array("orange,banana,kiwi,mango,pear,strawberry");
for(var i=0; i<x.length; i++)
{
document.write("<option value='""+states[i]+"'">"+states[i]+"</option>");
}
</script>
</select>
相关文章:
- 将作用域存储在JSON中
- 使用javascript存储变量的最安全方式
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- 如何有效地将游戏数据存储在URL查询字符串中
- Ember.js-接口状态应该存储在哪里
- 如何解雇“;铁局部存储负载”;事件
- 本地存储中的字符串到字节数组转换
- 从jQuery调用存储在Variable中的函数
- 推荐在JavaScript中执行存储为字符串的函数,而不是使用eval
- 通过另一个php应用程序将我的项目推送到Github存储库中
- 将数据存储在javascript数组中以供进一步使用
- javascript函数内部的代码用逗号而不是分号分隔
- 在页面卸载时写入HTML5 FileSystem API存储
- 加载存储在IndexedDB中的HTML页面
- 存储选择框的选项值并将其存储到变量中(通过逗号分隔的值)
- 如何在按钮单击事件的隐藏字段中存储逗号分隔的复选框值
- 删除javascript变量中以逗号分隔格式存储的重复电子邮件ID
- 如何将数据库值存储为逗号分隔
- 将字符串分隔为整数,并存储总和和平均值