javascript - 在 MVC3 中有条件地填充局部 View 控件

Question

创建部分 View 以输入一些个人详细信息。我必须包括 2 个下拉列表，1 个用于国家，其他用于州。当我选择国家作为美国时，它想要从数据库中填充所有州名。如果我们选择其他国家，我想要将状态的下拉列表替换为文本框。我怎样才能让它成为可能？

谢谢。

Answer 1

我的建议是使用 jquery ajax 请求根据国家/地区值填充下拉列表选项。 ajax 请求可以指向另一个将根据参数返回下拉列表或文本框的 PartialView...

如果您在实现过程中遇到任何问题，请告诉我，我很乐意为您提供帮助...

---

Controller 中的 Action :

public ActionResult StateNames(string country)
{
    if(country == "US")
    {
        var model = GetArrayOfUsStates();
        return View(model);
    }
    else
    {
        var model = string[0];
        return View(model);
    }
}

下拉列表的部分 View :

@model string[]

@if(Model.Length == 0)
{
    <input type="text" name="state" />
}
else
{
    <select name="state">
        @foreach(var state in Model)
        {
            <option value="@state">@state</option>
        }
    </select>
}

您的页面结构:

<select id="countryDDL">
   ...
</select>
<div id="stateDDLHolder">
</div>

要下拉的 jQuery 代码:

$.ajax({ 
         url: '/YourController/StateNames/' + $('#countryDDL').val(),
         success: function(data) { $('#stateDDLHolder').html(data); }
});