jquery - 设置没有值的选择列表项的值会中断提交事件处理程序

Question

如此奇怪的问题，因为我没有收到任何控制台错误。

我有一个枚举下拉列表，呈现如下：

 @Html.EnumDropDownListFor(x => x.FixtureState,"-- All change requests states--", new { @class = "form-control " })

并且html是这样呈现的：

<select class="form-control  input-validation-error" data-val="true" data-val-required="The FixtureState field is required." id="FixtureState" name="FixtureState"><option value="">-- All change requests states--</option>
<option selected="selected" value="0">Draft</option>
<option value="1">Change eequested</option>
<option value="2">Change accepted</option>
<option value="3">Change declined</option>
</select>

然后我有一个调用这一行的脚本：

 $('#FixtureState').val('');

之后我调用这一行来提交fixturestate所在的表单：

 $('#getfixturesform').submit();

启用时$('#FixtureState').val('');，提交功能不会触发，当我将其注释掉时，提交工作正常。我不知道这里会发生什么。正如我所说，没有任何控制台错误。

编辑：刚刚尝试将灯具状态设置为 ('1') 而不是 ('') 并且它可以工作。我不知道如何将其设置为 ('') 会破坏它。

edit2：更改它以$('#FixtureState').val('-- All change requests states--');解决问题，但我仍然想了解将其设置为 ('') 如何破坏提交处理程序，仅此而已。

标签： jqueryhtmlasp.net-mvc