jquery:选项加上类并单击

Question

为什么这只适用于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>

Answer 1

正如其他人所说,您希望将事件绑定到下拉列表并进行更改.从那里,您可以检查所选元素并按此处理它.

$("select").change(function() {
    if ($(this).find(":selected").hasClass("radio_c")) {
        $("ul").append("<li>Selected: " + $(this).find(":selected").val() + "</li>");
    }
});

关于jsfiddle的例子.