javascript - 设置选定的选项 JQuery

Question

我正在使用 jquery-1.12.3.min.js 并动态获取选择选项

function loadCompanies() {
if ($("#isSubsidiaryCompany").is(":checked")) {
    $.ajax({
        type : "GET",
        url : "get_companies",
        success : function(data) {
            $.each(data, function(i, data) {
                $('#companiesList').append($('<option>', {
                    value : data.id,
                    text : data.name
                }));
            });
        }

    })
    $("#companiesSelect").show();
    $('#companiesList').val(data.id);
} else {
    $("#companiesSelect").hide();
}

我想选择设置选项，但 $('#companiesList').val(data.id) 不起作用，您能建议我实现此目的的正确方法吗，在此先感谢

Answer 1

您正在 AJAX 回调函数之外设置值。这意味着不能保证这些选项会存在。将您的代码放入成功回调中:

if ($("#isSubsidiaryCompany").is(":checked")) {
    $.ajax({
        type : "GET",
        url : "get_companies",
        success : function(data) {
            $.each(data, function(i, data) {
                $('#companiesList').append($('<option>', {
                    value : data.id,
                    text : data.name
                }));
            });
            $("#companiesSelect").show();               // < === HERE ===
            $('#companiesList').val(data.id);
        }

    })
// ...

此外，您在 .val(data.id) 中指的是哪个 data？