var select = $('#myselect');
var newOptions = {
                'red' : 'Red',
                'blue' : 'Blue',
                'green' : 'Green',
                'yellow' : 'Yellow'
            };
$('option', select).remove();
$.each(newOptions, function(text, key) {
    var option = new Option(key, text);
    select.append($(option));
});

为什么不简单呢？

$('<option/>')
  .val(optionVal)
  .text('some option')
  .appendTo('#mySelect')

此处测试：

for（设i=0；i<10；i++）{$（'<option/>'）.val（i）.text（'option'+i）.appendTo（'#mySelect'）}<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><select id=“mySelect”></select>

无论出于何种原因执行$（“#myselect”）.append（新选项（“text”，“text”））；在IE7中对我不起作用+

我必须使用$（“#myselect”）.html（“<option value='text'>text</option>”）；

如果选项名称或值是动态的，则不必担心其中的特殊字符会被转义；在这种情况下，您可能更喜欢简单的DOM方法：

var s= document.getElementById('mySelect');
s.options[s.options.length]= new Option('My option', '1');

我喜欢使用非jquery方法：

mySelect.add(new Option('My option', 1));

您可以在ES6中执行此操作：

$.each(json, (i, val) => {
    $('.js-country-of-birth').append(`<option value="${val.country_code}"> ${val.country} </option>`);
  });