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>");
});

还有小提琴。

Answer 2

我已经这样解决了：

var str = "AA,B,CCC,DD,E";
var str2 = "1,2,8,4,5";
str = str.split(',');
str2 = str2.split(',');

$.each(str, function (idx, val) {
     $('#select1').append("<option value='" + str2[idx] + "'> " + val + " </option>");
});