使用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選擇

回答

相關問題