可以使用文本附加和设置“值”属性：

$("#id").append($('<option></option>').attr("value", '').text(''));
$("#id").append($('<option></option>').attr("value", '4').text('Financial Institutions'));

我喜欢使用非jquery方法：

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

这很好。

如果添加多个选项元素，我建议执行一次追加，而不是对每个元素执行追加。

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

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

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

输出：

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”></选择>

您可以尝试以下代码附加到选项

  <select id="mySelect"></select>

    <script>
          $("#mySelect").append($("<option></option>").val("1").html("My enter code hereoption"));
    </script>