[英]append comma separated values to select options jQuery
我有一個逗號分隔的刺
var str = "-1,opt1,opt2,opt3,opt4,opt5";
我想將這些值附加到我的選擇下拉列表中,以便看起來像
<select>
<option value="-1">-Select-</option>
<option value="opt1">opt1</option>
<option value="opt2">opt2</option>
<option value="opt3">opt3</option>
<option value="opt4">opt4</option>
<option value="opt5">opt5</option>
</select>
我嘗試將字符串放入我的選擇中
$.each(str, function(key, value) {
$('#sel').append('<option value="'+value+'">'+key+'</option>');
});
現在,這會將每個字符串作為選項值。 但是如上所述,我如何將每個選項作為一個選項。
您可以分割字符串然后進行迭代
var str = "-1,opt1,opt2,opt3,opt4,opt5"; $.each(str.split(','), function(key, value) { $('#sel').append('<option value="' + value + '">' + (value == '-1' ? 'select' : value) + '</option>'); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="sel"> </select>
在循環遍歷之前,需要將字符串split()
成數組:
var str = "-1,opt1,opt2,opt3,opt4,opt5"; $.each(str.split(','), function(key, value) { $('#sel').append('<option value="' + value + '">' + key + '</option>'); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <select id="sel"></select>
使用字符串split
方法。
var str = "-1,opt1,opt2,opt3,opt4,opt5";
var optionStrings = str.split(',');
...
嘗試這個:
var array = str.split(",");
for (i=0;i<array.length;i++){
$('#sel').append('<option value="'+array[i]+'">'+array[0]+'</option>');
}
你應該試試這個
var array = str.split(",");
for (i=0;i<array.length;i++){
$('#sel').append('<option value="'+array[i]+'">'+array[0]+'</option>');
}
嘗試這個,
var str = "-1,opt1,opt2,opt3,opt4,opt5"; var strArr = str.split(','); var htmlOptions=''; $(strArr).each(function(index,value){ htmlOptions += '<option value="'+value+'">' +(value==-1 ? '--select--' : value) +'</option>'; }); $('#sel').html(htmlOptions);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="sel"></select>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.