Question

我创建了带有2个下拉列表的MVC应用程序。

一个是国家列表，另一个是州名单。

这里我想加载我的国家，如“印度”和MVC页面加载操作结果中的相应状态。

我需要在加载状态下拉列表时禁用国家/地区列表下拉列表。

你们可以帮我这个吗？提前谢谢。

Answer 1

首先，要填充下拉列表，您必须在操作方法中定义ViewBag：

    ViewBag.Category = new SelectList(_categoryService.GetCategories(), "CatId", "CatTitle");
ViewBag.SubCategory = new SelectList(_subCategoryService.GetSubCategories(), "SubCatId", "SubCatTitle");

然后在你的视图中：

<!-- Category -->
<div class="form-group clearfix" id="group-section">
   <label><span>Category</span></label>
   <div class="col-md-offset-7 col-md-5 col-xs-offset-4 col-xs-8" id="group" name="group">
        @Html.DropDownList("Category", (SelectList)ViewBag.Category, "-- Select ---", new { @class = "form-control", id = "rdbCategory" })
   </div>
</div>
<!-- End form-group category -->
<!-- SubCategory -->
<div class="form-group clearfix" id="group-section">
   <label><span>SubCategory</span></label>
   <div class="col-md-offset-7 col-md-5 col-xs-offset-4 col-xs-8" id="group" name="group">
         @Html.DropDownList("SubCategory", (SelectList)ViewBag.SubCategory, "-- Select ---", new { @class = "form-control", id = "rdbSubCategory", disabled = "true" })
   </div>
</div>

然后在第一时间进行解释：

$('#rdbCategory').change(function() {
                $('#rdbSubCategory').prop('disabled', function(i, v) {
                    $('#rdbSubCategory').empty();
                    $('#rdbSubCategory').append($('<option></option>').text('-- Select ---'));
                    $('#rdbSubCategory').val($('#rdbSubCategory option:first').val());
                    return !v;
                });
});

在MVC页面加载

1 个答案: