javascript - 使用 jQuery 抑制默认下拉功能

Question

我认为这行得通，但行不通，我错过了什么？

html

<select id="TaskId">
 <option>A list of options</option>
</select>

jQuery

<script type="text/javascript">
 $("#TaskId").click( function(e){
    e.preventDefault();
 });
</script>

Answer 1

e.preventDefault 在下拉菜单的点击上下文中不起作用，使用这个:

代码 1:

$("#TaskId").mousedown(function(){
   return false;
});

你也可以使用这个:

代码 2:

$("#TaskId").mousedown(function(e){
   e.preventDefault();
});

警告:e.preventDefault() 在 Firefox 和 Opera 中存在事件处理错误。

这可能是您想要实现的一种解决方案:

代码 3:只是玩:

$("#TaskId").prop('disabled', true);
$("#TaskId").prop('disabled', false);

代码 4:如果您不想禁用所有事件处理，请查看可能有帮助的示例:

代码 4 的演示: http://jsfiddle.net/AHEex/

代码 1 和 2 的演示: http://jsfiddle.net/oscarj24/JcpPU/

希望这有帮助:-)