附加逗号分隔值以选择选项jQuery

Question

我有一个逗号分隔的刺

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

现在，这会将每个字符串作为选项值。但是如上所述，我如何将每个选项作为一个选项。

Answer 1

您可以分割字符串然后进行迭代

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>