1

这仅适用于 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>
4

2 回答 2

2

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

<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>
于 2013-03-07T22:12:37.630 回答
1

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

您应该改用<select>'onchange` 事件：

$(document).ready(function() {
        $('select').change(function() {
            if (this.value == "theValue")
                alert("clicked");
        });
    });
于 2013-03-07T22:12:41.687 回答