答案中没有提及，但很有用。如果您希望也选择该选项，您可以添加：

var o = new Option("option text", "value");
o.selected=true;
$("#mySelect").append(o);

选项1-

你可以试试这个-

$('#selectID').append($('<option>',
 {
    value: value_variable,
    text : text_variable
}));

像这样-

对于（i=0；i<10；i++）{ $（'#mySelect'）.append（$（'<option>'，{值：i，text:“选项”+i}));}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id='mySelect'></select>

选项2-

或者试试这个-

$('#selectID').append( '<option value="'+value_variable+'">'+text_variable+'</option>' );

像这样-

对于（i=0；i<10；i++）{ $（'#mySelect'）.append（'<option value=“'+i+'”>'+'option'+i+'</option>'）；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><select id='mySelect'></select>

您可以将选项动态添加到下拉列表中，如下图所示。在此示例中，我获取了数组数据，并将这些数组值绑定到下拉列表中，如输出截图所示

输出：

var resultData=[“孟买”，“德里”，“钦奈”，“果阿”]$（文档）.ready（函数）{var myselect=$（'<select>'）；$.each（resultData，函数（索引，键）{myselect.append（$（'<option></option>'）.val（key）.html（key））；});$（“#selectCity”）.append（myselect.html（））；});<script src=“https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script><select id=“selectCity”></选择>

为什么不简单呢？

$('<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>

您可以使用以下语法添加选项，也可以访问jQuery中的way handle选项以了解更多详细信息。

$（'#select'）.append（$（'<option>'，｛value:1，text:'One'｝））；$（'#select'）.append（'<option value=“1”>一个</option>'）；var option=新选项（文本，值）$（'#select'）.append（$（选项））；

$('#mySelect').empty().append('<option value=1>My option</option>').selectmenu('refresh');