使用JavaScript和JSON数据加载下拉列表后，选择一个值

Question

我试图在加载所有json数据后选择下拉列表中具有defaulttext的项目，但是它不起作用。 不知道出什么问题了。

function populateSelect(json, element, defaulttext) {

        $(element).find('option').remove().end().attr('disabled', false).append($('<option>').text(defaulttext).attr('value', ''));
        $.each(json, function(i, value) {
            $(element).append($('<option>').text(value).attr('value', value));
        });

        element.options[defaulttext].selected = true; <-- doesn't work
    }

Answer 1

您无法设置所选option ，而是需要设置select的值

function populateSelect(json, element, defaulttext) {

    $(element).find('option').remove().end().attr('disabled', false).append($('<option>').text(defaulttext).attr('value', ''));
        $.each(json, function(i, value) {
            $(element).append($('<option>').text(value).attr('value', value));
    });

    element.value = defaulttext;
}

Answer 2

由于您使用的是jQuery，因此只需使用jQuery设置值

$(element).val(defaulttext);