HTML下拉列表-整理？

Question

我已经实现了一个html下拉列表，一切似乎都很好，我只想整理一下：

1） 当订单屏幕加载时，“选择”作为下拉列表上的初始选项出现。当用户单击下拉列表时，“选择”仍然出现。我想在选择下拉列表时隐藏“选择”，视图中缺少某些选项？

2）验证方面，我不能做一个订单，直到从下拉列表中选择一个选项。这是罚款，但之前我使用一个文本框，得到了一个漂亮的大红色错误消息，现在我什么都没有得到，我如何通知用户一个选项必须被选择？

<div class="editor-field">
@Html.DropDownListFor(x => x.Selected_BicycleModelId, Model.BicycleModels, "Select")
@Html.ValidationMessageFor(model => model.Order.BicycleModel)
</div>

更新

@Html.模型验证

已解决验证消息问题（感谢Roman Ko）。有人对“select”dissapearing-JQuery有什么想法吗？




Answer 1

>

您需要提供更多信息来确定验证不再有效的原因。特别是，模型中的属性和任何相关属性都会很有帮助 见@RomanKo的答案。我不想在这里发布同样的东西来抢他的风头。就我而言，我完全错过了。

Answer 2

试试这个：

@Html.ValidationMessageFor(model => x.Selected_BicycleModelId)

当涉及到“选择”标题时，您可以尝试使用——例如——jQuery来删除它：

$(document).on('change', '#Selected_BicycleModelId', function () {
   $("#Selected_BicycleModelId option[value='']").each(function () {
       $(this).remove();
   });
});

有关更多详细信息，请参见jQuery从选择中删除选项。