【问题标题】:jquery: option plus class and clickjquery:选项加类并单击
【发布时间】:2011-02-22 14:35:20
【问题描述】:

为什么这个脚本只适用于 Firefox? 如何让它适用于所有浏览器?

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

<select name = "list1">
    <option value="dog">dog</option>
    <option value="cat">cat</option>
    <option class="radio_c" value="car_bmw">bmw</option>
    <option class="radio_c" value="car_audi">audi</option>
</select>

【问题讨论】:

标签: jquery


【解决方案1】:

您正在触发点击一个选项,这是不正确的。您甚至应该在 select 上有一个onchange,然后测试所选选项的值。

我所说的一般示例:

$(document).ready(function(){   
    $("select").change(function(){
        if($(this).val() == "car_bmw") alert("blah");
    });
}); 

【讨论】:

  • 如果你想模拟原始行为,你可以使用类似 if($(this).find(':selected').hasClass('radio_c')) alert('blah' );
【解决方案2】:

IE 在选项上没有 onClick 事件 您只能在选择上使用 onChange 事件 http://api.jquery.com/change

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-04-10
    • 2017-04-05
    • 2017-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多