通过逗号分隔的值将选项值添加到选择框

Question

如何修改下面的代码，以便可以将单个和逗号分隔的值添加到选择框？

示例1：橙色

[选择框]

orange

范例2：红色，蓝色，绿色，黄色

[选择框]

red
blue
green
yellow

这是HTML

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">
function add() {

var select = document.getElementById('list') 

var option = document.getElementById('reference').value

select.options[select.options.length] = new Option(option, option)

}
</script>

</head>

<body>
<input type="button" value="add" onclick="add()">
<input type="text" id="reference">
<br><br>
<select style="width: 200px;" id="list"><option>
</body>

</html>

Answer 1

只需用逗号分隔值，然后遍历每个字符串，然后随便添加选项：

function add() {
    var select = document.getElementById('list')
    var options = document.getElementById('reference').value.split(',');
    for(i=0; i<options.length; i++){
        select.options[select.options.length] = new Option(options[i], options[i])
    }
}

JSFiddle

通过逗号分隔的值将选项值添加到选择框

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-03-24 15:29:25

通过逗号分隔的值将选项值添加到选择框

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-03-24 15:29:25

解决方案1
0 已采纳 2014-03-24 15:29:25