Question

这只适用于Firefox，我找不到原因。单击橙色范围可在每个浏览器中使用。点击选择选项仅适用于Firefox ...为什么？

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
<body>

    <script type="text/javascript">
        $(document).ready(function() {
            $('.click').click(function() {
                alert("clicked");
            });
        });
    </script>

    <select>
        <option class="click" value="">click</option>
    </select>

    <br /><br /><br /><br />


    <span class="click" style="display:inline-block;width:50px;height:20px;background-color:orange;padding:4px;">click</span>

</body>
</html>

Answer 1

您无法点击选择选项，您可以在选择中捕获更改事件，这适用于所有浏览器：

<script type="text/javascript">
    $(document).ready(function() {
        $(document.getElementById("colors")).change(function() {
            alert($(this).val());
        });
    });
</script>

<select id="colors">
    <option value="click1">click2text</option>
    <option value="click2">click2text</option>
</select>

Answer 2

onclick不是<option>的标准事件，firefox添加了它很好，但它没有在规范中定义。

您应该使用<select>的onchange`事件：

$(document).ready(function() {
        $('select').change(function() {
            if (this.value == "theValue")
                alert("clicked");
        });
    });

html，选择选项，jquery点击只适用于firefox

2 个答案: