ajaxコールバック後に選択リストに選択項目を設定する

Question

別の選択リストが変更されたときに、mvcアプリケーションでjquery ajaxコールバックを使用してselectlist要素を更新しています。 ajaxコールバックは、partialviewを返すアクションを呼び出します。 divの内容としてpartialviewが設定されます。 問題は、partialviewが返されたときに選択されたアイテムセットが間違っているため、コールバックの後に選択したアイテムを設定する必要があることです。

$(document).ready(function() { 
    $("#DependentDropDownValue").change(function() { 
     var selected = $("#DropDownValue").val(); 
     var data = {data: $("#DependentDropDownValue").val()}; 
     $.ajax({ 
     url: "@Url.Action("IndexPartial","DropDown")", 
     data: data, 
     success: function (x) { 
      $("#partialDiv").html(x); 
      $("#DropDownSelectList").val(selected); 
      } 
     }); 
    }); 
}); 

xはコンテンツがあります。

"<select id="DropDownValue" name="DropDownValue"> 
    <option value="1">Emne11</option> 
    <option value="2">Emne12</option> 
    <option value="3">Emne13</option> 
    <option value="4">Emne14</option> 
    <option value="5">Emne15</option> 
    <option selected="selected" value="0">-------</option> 
    <option value="6">Emne21</option> 
    <option value="7">Emne22</option> 
    <option value="8">Emne23</option> 
    <option value="9">Emne24</option> 
    <option value="10">Emne25</option> 
</select>" 

変数コールバックの前に選択されたオプションの値を含む「を選択し」..その項目を再度選択として設定する必要があります。

私は

$("#DropDownSelectList").val(selected); 

を使用して試してみましたが、それdoesntのは

Answer 1

あなたが示された選択リストのIDがDropDownValueないDropDownSelectListので、あなたが正しいを使用していることを確認して動作するように思われますあなたのスクリプト内のID：

$('#DropDownValue').val(selected);