我有逗号分隔的刺痛
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>');
});
现在这将把每个字符串作为选项值。但是我如何将每个选项作为一个选项,如上所述。
答案 0 :(得分:4)
您可以拆分字符串,然后迭代
var str = "-1,opt1,opt2,opt3,opt4,opt5";
$.each(str.split(','), function(key, value) {
$('#sel').append('<option value="' + value + '">' + (value == '-1' ? 'select' : value) + '</option>');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="sel">
</select>
&#13;
答案 1 :(得分:3)
在循环之前,您需要将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>
答案 2 :(得分:0)
使用字符串split
方法。
var str = "-1,opt1,opt2,opt3,opt4,opt5";
var optionStrings = str.split(',');
...
答案 3 :(得分:0)
试试这个:
var array = str.split(",");
for (i=0;i<array.length;i++){
$('#sel').append('<option value="'+array[i]+'">'+array[0]+'</option>');
}
答案 4 :(得分:0)
你应该试试这个
var array = str.split(",");
for (i=0;i<array.length;i++){
$('#sel').append('<option value="'+array[i]+'">'+array[0]+'</option>');
}
答案 5 :(得分:0)
试试这个,
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>