Javascript 通过逗号分隔的值向选择框添加选项值_Javascript

Javascript 通过逗号分隔的值向选择框添加选项值

javascript

Javascript 通过逗号分隔的值向选择框添加选项值,javascript,Javascript,如何修改下面的代码，以便我能够向选择框中添加单值和逗号分隔的值例1：橙色 [选择框] orange red blue green yellow 例2：红、蓝、绿、黄 [选择框] orange red blue green yellow 这是HTML <!DOCTYPE html> <html> <head> <script type="text/javascript"> function add() { var select =

如何修改下面的代码，以便我能够向选择框中添加单值和逗号分隔的值

例1：橙色

[选择框]

orange

red
blue
green
yellow

例2：红、蓝、绿、黄

[选择框]

orange

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>


函数add（）{
var select=document.getElementById（'列表'）
var option=document.getElementById（'reference'）。值
select.options[select.options.length]=新选项（选项，选项）
}

只需用逗号分割值，然后循环遍历每个字符串，并在执行时附加选项：

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])
    }
}

函数添加（）{
var select=document.getElementById（'列表'）
var options=document.getElementById（'reference'）.value.split（'，'）；
对于（i=0；i