Question

$('#my_select').live("click", function(e) {
    e.preventDefault(); //return false also fails.
    alert("test"); //or show my dialog
});

有了这样的实时动作，我想禁用一旦我点击选择框后显示下拉选项，而是我想显示我自己的div来改变值。但是上面的代码并不允许它，我不想使用disabled= "disabled"属性，因为它无法进行进一步的基于服务器的验证。

Answer 1

http://jsfiddle.net/MhTet/

这应该可以帮到你:)

如果链接断开：）

$('select').live("mousedown", function(e) {
    e.preventDefault(); //return false also fails.
    //alert("test"); //or show my dialog
    return;
});

Answer 2

这是不可能的。如果你真的必须这样做（考虑到可访问的影响！），那么你需要替换整个select元素。有几个现成的JavaScript库可以为您做到这一点。

jquery和选择框，禁止

2 个答案: