<select>将<option>更改为逗号

时间:2017-04-25 13:39:05

标签: javascript html drop-down-menu

只需选择/选项代码我需要将选项更改为逗号。例如 &LT;选择&GT; &lt; option&gt; select 1&lt; / option&gt; &LT;选项&GT;选择2&lt; / option&gt; &LT; /选择&GT; 我需要更改为逗号,所以代码看起来像 &LT;选择&GT; 选择1,选择2 &LT; /选择&GT; 重要的是我在HTML中需要这个代码

2 个答案:

答案 0 :(得分:2)

您无法将html select元素结构更改为以逗号分隔的单词。

在Html5中,select元素的选项是

  

select元素的选项列表包含select元素的所有option元素子元素,以及select元素的所有optgroup元素子元素的所有option元素子元素,按树顺序排列。

The select element

答案 1 :(得分:0)

根据您的评论,我了解您只想从您从数据库收到的逗号分隔字符串创建菜单项。这可以通过这样的普通javascript来完成:

var options = "Select 1, Select 2";
var select = document.getElementById("list");
var options = options.split(",");
for(var i=0;i<options.length;i++){  
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = options[i];
    select.appendChild(opt);
}
<select id="list"></select>