使用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。
感谢;)
答
我已经这样解决的:
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>");
});
答
一个简单的使用.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。
显示到目前为止,你已经得到了JS。 – 2013-03-15 18:40:15
那么,你有分割逗号分隔字符串的问题?你到目前为止尝试过什么,它在哪里不起作用? – 2013-03-15 18:41:41
http://www.whathaveyoutried.com – Adrian 2013-03-15 18:47:49