Javascript 在firefox中禁用或忽略选择字段上的鼠标向下移动_Javascript_Jquery_Firefox_Html Select

Javascript 在firefox中禁用或忽略选择字段上的鼠标向下移动

javascript jquery firefox

Javascript 在firefox中禁用或忽略选择字段上的鼠标向下移动,javascript,jquery,firefox,html-select,Javascript,Jquery,Firefox,Html Select,有没有办法使单击选择输入字段不会打开选项列表我试着从onmousedown和onclick返回false，我试着在onfocus中调用this.blur，我试着设置readonly属性，这些在Firefox中似乎都不起作用。 Chrome和IE似乎更认真地对待mousedown处理程序中的返回false 编辑：我想做的是实现我自己的界面，从选择输入中选择选项。禁用“选择”会更改其外观，并防止在控件上触发任何事件。限制一个选项仍然会在用户单击控件时打开该选项，因此这不是一个好的解决方案我想我必

有没有办法使单击选择输入字段不会打开选项列表

我试着从onmousedown和onclick返回false，我试着在onfocus中调用this.blur，我试着设置readonly属性，这些在Firefox中似乎都不起作用。 Chrome和IE似乎更认真地对待mousedown处理程序中的返回false

编辑：我想做的是实现我自己的界面，从选择输入中选择选项。禁用“选择”会更改其外观，并防止在控件上触发任何事件。限制一个选项仍然会在用户单击控件时打开该选项，因此这不是一个好的解决方案

我想我必须删除select并尝试从文本框和图像中创建类似的内容

在线代码：

为什么不把它禁用呢

查看我的更新，我仍然需要能够处理控件上的事件。是的，您尝试执行的操作似乎需要自定义选择输入。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Test searchable select</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#mys").mousedown(function () {
                console.log("mousedown");
                return false;
            }).focus(function() {
                console.log("focus");
                this.blur();
            });
        });
    </script>
<body>
<select style="width: 300px" id="mys" readonly="readonly">
    <option>apple</option>
    <option>banana</option>
</select>

</body>
</html>

<select style="width: 300px" id="mys" readonly="readonly" disabled="disabled">
    <!-- ... -->
</select>

<script type="text/javascript">
        $(function() {
            $("#mys").mousedown(function () {
                $(this).val('1');//will close opened list
            })
        });
    </script>

<select style="width: 300px" id="mys" readonly="readonly">
    <option value='1'>apple</option>
</select>