问jquery MVC --如何将ASP.Net动作可见的控件与web模型关联起来

EN

我有一个填充了国家/地区的DropDownList。

当用户选择美国时，我需要显示美国州的下拉列表。如果用户使用CA provinces...else选择CA - show下拉菜单，则显示TextBox。根据选择的国家/地区，我使用jQuery隐藏/显示。这样就可以了。问题出在用户提交时的ActionResult中。

Html.DropDownList("State", ViewData["States"] as SelectList, 
  new { @class = "states", @style = "display:none;" })

Html.DropDownList("State", ViewData["Provinces"] as SelectList, 
  new { @class = "provinces", @style = "display:none;" })

Html.TextBox("State", null, new { @class = "stateFreeForm" })

我用US和CA数据预先加载了2个dropdowns，web模型有一个名为State的字符串成员，但它映射到第一个DropDownList (美国州)。因此，即使在页面上有一个可见的TextBox，listing.State成员也包含从US下拉列表中选取的数据。我使用的是验证，而州是必需的，所以我只希望有一个州(而不是州、省或其他)。是否可以在jQuery中设置和更改web模型和控件之间的映射。

我更喜欢预先加载dropdowns，并通过脚本切换它们，而不是调用ajax来重新加载dropdowns等。

public ActionResult Post(MyApp.Web.Models.Listing listing)
{
}

谢谢..。