ajax回调后在选择列表中设置所选项目

Question

当另一个选择列表发生更改时，我正在使用 mvc 应用程序中的 jquery ajax 回调更新一个选择列表元素。 ajax 回调调用返回部分视图的操作。 然后将部分视图设置为 div 的内容。 问题是当返回部分视图时，它设置了错误的项目，所以我需要一种方法来在回调之后设置选定的项目。

$(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>"

变量“selected”包含回调之前选定选项的值。该项目必须再次设置为选中。

我尝试过使用

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

但这似乎不起作用

Answer 1

您显示的选择列表的 id 是 DropDownValue 而不是 DropDownSelectList，因此请确保您在脚本中使用了正确的 id：

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