Question

我使用Html.DropDownListFor创建的下拉列表很少：

<div class="control-group">
  <label class="control-label" for="inputPropertySurname">
   City
   <span class="form-required" title="This field is required.">*</span>
  </label>
  <div class="controls">
   @*<input type="text" id="inputPropertySurname">*@
   @Html.DropDownListFor(m => m.CityId, vmpa.Cities)
  </div>
 <!-- /.controls -->
</div>

但它总是在selectbox

之后创建一个div区域

<div id="CityId_chzn" class="chzn-containerchzn-container-single 
 chzn-container-single-nosearch" style="width: 220px;" title="">
   <a href="javascript:void(0)" class="chzn-single" tabindex="-1">
    <span>Hà Nội</span>
    <div><b></b></div>
   </a>
   <div class="chzn-drop" style="left: -9000px;">
    <div class="chzn-search"><input type="text" autocomplete="off">
    </div>
    <ul class="chzn-results">
     <li id="CityId_chzn_o_0" class="active-resultresult-selected" style="">Hà Nội</li>
     <li id="CityId_chzn_o_1" class="active-result" style="">Hồ Chí Minh</li>
    </ul>
   </div>
</div>

我使用ajax获取json数组并将json aray中的新选项替换为dropdownlist。选择框有新选项但它仍然在div id City_chzn中显示旧选项。我尝试了很多方法jquery但不能刷新它以显示新的价值。

我的ajax

<script type="text/javascript">
    $(document).ready(function () {

        $("#CountryId").chosen().change(function () {
            var id = $("#CountryId option:selected").val();
            DDLCountryChange(id);
        });

    });

    function DDLCountryChange(id) {
        var ddl = $("#CityId");
        ddl.chosen();
        ddl.prop("disabled", true);
        $.ajax({
            url: "/Post/GetCityInfoByCountry/" + id,
            type: "GET",
            dataType: "JSON",
            success: function (result) {
                ddl.empty();
                var str = '';
                $.each(result, function (index, value) {
                    ddl.chosen().append("<option value='" + value['Value'] + "'>" + value['Text'] + "</option>");
                    ddl.chosen().trigger('listzt:updated');
                });

                //ddl.prop('disabled', false);
            }
        });
    }
</script>

UPDATE 现在我知道为什么我的代码会创建一个div。因为我的模板使用了选择的jquery，所以这就是为什么在select之后创建div的原因。我选择的版本0.9.12。我正在使用

ddl.trigger('listzt:updated');

但已选择不更新新值以显示

更新

我已经解决了我的问题。触发（＆＃39; liszt：更新＆＃39;）not listzt：已更新。我所有的坏事:(

Answer 1

请使用JQuery和JSON休息服务，了解如何在MVC环境中使用DropDownLists这个非常具有描述性和实用性的教程。

http://www.c-sharpcorner.com/UploadFile/4b0136/working-with-dropdownlist-in-mvc-5/

奇怪的是，他们用来制作教程的例子几乎就是你在这里做的（国家，城市等）......

希望这有帮助！

无法在选择0.9.12的asp mvc 4中刷新下拉列表

1 个答案: