使用Javascript填充HTML选择

我想通过使用javascirpt（jquery）来填充html选择，但没有成功。使用Javascript填充HTML选择

我知道如何用jquery填充选择（使用方法'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。

感谢;）

来源

2013-03-15 RSRiccardo

显示到目前为止，你已经得到了JS。 – 2013-03-15 18:40:15

那么，你有分割逗号分隔字符串的问题？你到目前为止尝试过什么，它在哪里不起作用？ – 2013-03-15 18:41:41

http://www.whathaveyoutried.com – Adrian 2013-03-15 18:47:49

我已经这样解决的：

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

来源

2013-03-17 17:21:10 RSRiccardo

一个简单的使用.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。

来源

2013-03-15 18:46:32 hjpotter92

使用Javascript填充HTML选择

回答

相关问题