javascript - 在jquery中选择选项时，如何提醒文本？

嗨，我有一个选择框...

 <select class="selectpicker form-control" name="color" id="color">
    <option value="red" selected>red</option>
    <option value="green">green</option>
</select>

...并且当选择选项green时，我想提醒文本。

<script>
$(document).ready(function(){
    if($( "#color option:selected" ).val()=='green'){
    alert("green");}
});
</script>

但是我的代码不起作用，我也不知道为什么...

最佳答案

您需要先将此绑定到诸如change()之类的事件上

$(document).ready(function () {
    $('#color').change(function () {
        if (this.value == 'green') {
            alert("green");
        }
    });
});

FIDDLE DEMO

您的代码仅在将green选项设置为在加载时选择时才有效

<option value="green" selected>green</option>

目前它设置为红色，因此无法正常工作。

关于javascript - 在jquery中选择选项时，如何提醒文本？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32483929/