javascript - 防止打开选择菜单

Question

可能是一个愚蠢的问题，但是如何防止表单中的选择元素在单击时显示其下拉菜单？我尝试了以下方法:

$('select').click (function (e) {
    console.log (e);
    return false;
});

和

$('select').click (function (e) {
    e.preventDefault ();
    console.log (e);
});

但两者都不起作用。

我做错了什么？

编辑:我需要知道的原因是 jquery 增强的选择元素需要优雅地降级。这个想法是，单击时，选择会打开一个 jquery UI 对话框，其中包含一个精心设计的列表，用户可以从中进行选择(单击列表项会导致选择的值更新)。如果 JS 被禁用，那么选择应该正常运行。

问题是，除了打开对话框之外，还会出现下拉列表，这不是我想要的。我不能只是禁用该控件，因为它的值需要与表单的其余部分一起提交。

Answer 1

这应该有效:-

$('#select').on('mousedown', function(e) {
   e.preventDefault();
   this.blur();
   window.focus();
});