使用Javascript填充HTML选择

Question

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

我知道如何使用jquery填充select(通过使用方法'append').

我不能做的是我必须从以下格式的字符串中读取select的值:"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>");
});

而小提琴.