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”）从另一个字符串中获取的值作为'value'插入？

<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。

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

使用Javascript填充HTML选择

2 个答案: