javascript - 使用 Javascript 填充 HTML 选择

Question

我正在尝试使用 javascirpt (jquery) 填充 html 选择，但没有成功。

我知道如何用 jquery 填充选择(通过使用“append”方法)。

我不能做的是我必须从以下格式的字符串中读取选择的值:“AA,B,CCC,DD,E”；因此各个值之间用逗号分隔。

结果必须如下:

<select id="select">
    <option value="AA">AA</option>
    <option value="B">B</option>
    <option value="CCC">CCC</option>
    <option value="DD">DD</option>
    <option value="E">E</option>
</select>

有人可以帮我吗？

谢谢:)

<小时/>

如何将从相同格式的另一个字符串中获取的值插入为“值”(str2=“1,2,3,4,5”)？

<select id="select">
    <option value="1">AA</option>
    <option value="2">B</option>
    <option value="3">CCC</option>
    <option value="4">DD</option>
    <option value="5">E</option>
</select>

很抱歉问这个问题，但我对 js 和 jquery 真的很陌生。

谢谢;)

Answer 1

简单地使用.split()会有帮助。

var str = "AA,B,CCC,DD,E";
str = str.split(',');
$.each(str, function (idx, val) {
    console.log(val);
    $('#select').append("<option value='" + val + "'> " + val + " </option>");
});

还有fiddle .