如何在添加动态数据后获取HTML下拉参考

Question

我有一个<select>下拉列表，我使用此代码在$(window).ready()中添加值（国家/地区）：

$('#cmbCountry').append(new Option(el.Country, el.CountryID));

稍后在我的代码中，我将尝试在下拉列表中设置一个值

$("#cmbCountry").val(String("Italy"));

但是它没有设置预期值，因为Dom不知道值已被添加到下拉列表中。

我该如何解决这个问题？

Answer 1

$('#cmbCountry option:contains("Italy")').attr("selected", "selected");

Answer 2

您必须将id（el.CountryID）设置为值而不是显示的字符串（el.Country）。

这有效：

var selectElem = $('<select/>');

selectElem.append(new Option("Italy", "it"));
selectElem.append(new Option("German", "de"));

selectElem.val('de'); // set 'de' as current value ('de' and NOT 'German'!)

$('body').append(selectElem);