我在MVC5视图中的表单上使用了一系列select元素,使用jQuery Chosen插件进行初始化。插件看起来应该是这样,并将选定的选项成功保存回模型。但是,如果页面上的任何其他元素未通过验证并且页面被重新加载,则选择元素将返回其原始状态,并且不再显示所选选项。如何在重新加载后让选择列表保留其选定的选项?
<select class="chosen" id="SE_Visit1" name="@Html.NameFor(model => model.SE_Visit1)">
<option value=""></option>
<option value="0">0 (25)</option>
<option value="1">1 (23)</option>
<option value="2">2 (37)</option>
<option value="3">3 (34)</option>
<option value="4">4 (12)</option>
</select>
$(document).ready(function () {
// initialise the Chosen plugin on the select lists
$('.chosen').chosen({ placeholder_text_single: "Select visit...", width: "75px" });
});
我试图在元素上添加一个更改事件处理程序来保存所选的值,这可以用来在重新加载后再次分配值,但这似乎打破了页面。任何帮助都非常感激,因为这个特定的表单有20个选择元素,所以用户必须完成不止一次的很多值。