没有值的selectlist项的设置值中断提交事件处理程序

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--');可以解决此问题，但是我仍然想了解将其设置为（''）如何破坏提交处理程序，而没有其他事情。