javascript - 如何在AJAX成功函数中设置数据？

Question

我有一个 ajax 调用，它返回要填充到下拉列表中的数据。现在，我需要能够选择返回的值，并在可能的情况下在同一函数中设置下拉列表的值。但是通过使用 $("#idOfDropDown").val(data) ，它没有被设置，即当我提交数据时，在数据库中，所有返回和填充的选项都被提交，而不是选定的选项。那么，如何仅设置选定的值？

这是我的 AJAX 函数:

$.ajax({
  type: "POST",
  dataType: 'json',
  url: "/Controller/Action",
  data: {
    param: param,
  },
  success: function(data) {
    if (data.Response == "Unsuccessful") {
      console.log("Unsuccessful");
    } else if (data.Response == "Successful" || data.Response == "ConditionallySuccessful") {
      for (var i = 0; i < data.ExteriorColor.Data.length; i++) {
        $("#Exterior_Color").append($("<option></option>").val(data.ExteriorColor.Data[i]).html(data.ExteriorColor.Data[i]));
        console.log(data.ExteriorColor.Data[i]);
      }
      var html = '<ul>'
      for (var i = 0; i < data.Options.length; i++) {
        html += '<li>' + data.Options[i] + '</li>';
      }
      html += '</ul>'
      $("#twoColumnOptions").append(html);
      $("#twoColumnOptions").data(html);
      $("#Options").val(data.Options); 
      $("#Exterior_Color").val(data.ExteriorColor.Data).change(); //Value to be changed
      if (data.ExteriorColor.isInstalled == true)
        $("#Exterior_Color").attr("disabled", true);

    }

  },
  error: function(result) {
    console.log("Error while fetching data");
  }
});

Answer 1

尝试触发您使用 .trigger('change') 所做的更改，例如:

$("#Options").val(data.Options).trigger('change');
//Or
$("#Options").val(data.Options).change();