設定し、選択されたオプションは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) doesnの `tの仕事のためのオプションを取得しています

、あなたは私勧めでき正しい方法でこれを達成してください。ありがとうございます。

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に：あなたのコードは、成功コールバックの中に入れて？私はあなたのデータオブジェクトに問題があると思い

Answer 2

$（ '＃のcompaniesList'）。valを（data.id）

。 data.idのshoudlに何かが含まれていることを確認してください。