取消选择“选择输入”

Question

我有一个“选择”输入，被编程为在进行操作之前单击以获取某些信息时打开模态框。这一部分都很有效。

问题是，一旦模态框启动，选择下拉选项仍然可见。我希望选择输入恢复正常，而不是完全点击，选择框。

我可以使用哪些javascript或jquery代码来清除选择下拉列表？

Answer 1

我认为将处理程序从click移到change更为正确。在这种情况下，选择将关闭，键盘更改也将被处理

Answer 2

请尝试使用此代码：

$('#mySelect').focus(function(event){
    event.preventDefault();
    // code here
});

如果这不起作用，请尝试使用具有click事件的preventDefault（）。 重点将至少允许用户使用键盘（标签等）而不是鼠标来导航字段。

Answer 3

jQuery 1.6之前

$('#mySelectBox :selected').attr('selected', '');

jQuery 1.6及更高版本

$('#mySelectBox :selected').removeProp('selected', '');

Answer 4

我不确定您是否可以使用标准选择标记。也许是因为它仍然有焦点。当我需要自定义选择标记时，我所做的是完全避免选择标记，并使用一个图形看起来像选择按钮的按钮。查看this page - 查看TAX按钮及其左侧的按钮。没有选择标签，但效果很好。