C# 为Model.Province（字符串）属性呈现省的选择列表

我想呈现一个省的选择列表，以便用户可以选择一个省。但是返回到服务器的所选结果始终是选择列表的第一项（安大略省）

型号（代码优先）

查看

在我看来，我是这样呈现我的列表的，这确实正确地呈现了列表，但是绑定似乎失败了。。。因为即使选择更改，也始终返回第一项

<div class="form-group required">
   <label for="Province">Provinces <sup>*</sup> </label>
   @Html.ValidationMessageFor(x => x.Province, "", new { @class = "text-danger" })
   @Html.DropDownListFor(x=>x.Province, (SelectList)ViewData["Provinces"],new {@class="form-control" })
</div>

各省*
@Html.ValidationMessageFor（x=>x.Province，“，new{@class=“text danger”}）
@DropDownListFor（x=>x.Province，（SelectList）ViewData[“Provinces”]，新{@class=“form control”}）

生成的Html

Razor生成以下html：

<div class="form-group required">
   <label for="Province">Provinces <sup>*</sup> </label>
   <span class="field-validation-valid text-danger" data-valmsg-for="Province" data-valmsg-replace="true"></span>
   <select class="form-control" id="Province" name="Province" style="display: none;">
      <option selected="selected">Ontario</option>
      <option> Quebec</option>
      <option> Nova Scotia</option>
      <option> New Brunswick</option>
      <option> Manitoba</option>
      <option> British Columbia</option>
      <option> Prince Edward Island</option>
      <option> Saskatchewan</option>
      <option> Alberta</option>
      <option> Newfoundland and Labrador</option>
 </select><div class="minict_wrapper active">
 <input type="text" value="Ontario" placeholder=" Nova Scotia">
 <ul style="display: block;">
   <li data-value="Ontario" class="minict_first">Ontario</li>
   <li data-value="Quebec" class=""> Quebec</li>
   <li data-value="Nova Scotia" class="selected"> Nova Scotia</li>
   <li data-value="New Brunswick" class=""> New Brunswick</li>
   <li data-value="Manitoba" class=""> Manitoba</li>
   <li data-value="British Columbia" class=""> British Columbia</li>
   <li data-value="Prince Edward Island" class=""> Prince Edward Island</li>
   <li data-value="Saskatchewan" class=""> Saskatchewan</li>
   <li data-value="Alberta" class=""> Alberta</li>
   <li data-value="Newfoundland and Labrador" class="minict_last"> Newfoundland and Labrador</li>
   <li class="minict_empty" style="display: none;">No results match your keyword.</li>
</ul>
</div>

各省*
安大略
魁北克省
新斯科舍省
新不伦瑞克省
马尼托巴省
不列颠哥伦比亚省
爱德华王子岛
萨斯喀彻温省
阿尔伯塔省
纽芬兰和拉布拉多

安大略省
魁北克
新斯科舍省
新不伦瑞克
马尼托巴省
不列颠哥伦比亚省
爱德华王子岛
萨斯喀彻温省
阿尔伯塔省
纽芬兰和拉布拉多
没有与关键字匹配的结果

---

我试图弄清楚为什么两个列表（1个选择列表和1个

列表）都是用输入类型文本呈现的。欢迎您提供任何解决方案或帮助来寻找解决方案的线索，我们对此深表感谢。
我刚刚找到了原因，我正在使用一个网站模板，该模板恰好使用了jquery minimalect插件。脚本在替换渲染的选择列表时正在破坏属性绑定。我删除了脚本引用，现在它工作正常…
您有插件吗？还是你为了实现而覆盖了DropDownList？是的Jqueryminimalect是原因。我刚刚回答了问题，谢谢你的回答！

<div class="form-group required">
   <label for="Province">Provinces <sup>*</sup> </label>
   @Html.ValidationMessageFor(x => x.Province, "", new { @class = "text-danger" })
   @Html.DropDownListFor(x=>x.Province, (SelectList)ViewData["Provinces"],new {@class="form-control" })
</div>

<div class="form-group required">
   <label for="Province">Provinces <sup>*</sup> </label>
   <span class="field-validation-valid text-danger" data-valmsg-for="Province" data-valmsg-replace="true"></span>
   <select class="form-control" id="Province" name="Province" style="display: none;">
      <option selected="selected">Ontario</option>
      <option> Quebec</option>
      <option> Nova Scotia</option>
      <option> New Brunswick</option>
      <option> Manitoba</option>
      <option> British Columbia</option>
      <option> Prince Edward Island</option>
      <option> Saskatchewan</option>
      <option> Alberta</option>
      <option> Newfoundland and Labrador</option>
 </select><div class="minict_wrapper active">
 <input type="text" value="Ontario" placeholder=" Nova Scotia">
 <ul style="display: block;">
   <li data-value="Ontario" class="minict_first">Ontario</li>
   <li data-value="Quebec" class=""> Quebec</li>
   <li data-value="Nova Scotia" class="selected"> Nova Scotia</li>
   <li data-value="New Brunswick" class=""> New Brunswick</li>
   <li data-value="Manitoba" class=""> Manitoba</li>
   <li data-value="British Columbia" class=""> British Columbia</li>
   <li data-value="Prince Edward Island" class=""> Prince Edward Island</li>
   <li data-value="Saskatchewan" class=""> Saskatchewan</li>
   <li data-value="Alberta" class=""> Alberta</li>
   <li data-value="Newfoundland and Labrador" class="minict_last"> Newfoundland and Labrador</li>
   <li class="minict_empty" style="display: none;">No results match your keyword.</li>
</ul>
</div>