javascript - HTML 下拉列表 - 整理？

Question

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

1) 当订单屏幕加载时，“选择”作为初始选项出现在下拉菜单中。当用户单击下拉菜单时，“选择”仍会出现。我想在选择下拉菜单时隐藏“选择”，我缺少 View 中的某些选项？

2) 明智的验证，在从下拉列表中选择一个选项之前，我无法下订单。这很好，但是在我使用文本框并收到漂亮的红色大错误消息之前，现在我什么都没有，我如何通知用户必须选择一个选项？

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

更新

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

已解决验证消息问题(感谢 Roman Ko)。任何关于“选择”消失的想法 - JQuery？

Answer 1

试试这个:

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

当涉及到“选择”标题时，您可以尝试使用 - 例如 - jQuery 将其删除:

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

参见 jQuery remove options from select了解更多详细信息。