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

Question

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

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

...并且我想在选择绿色选项时提醒文本。

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

但是我的代码无法正常工作，我不知道为什么......

Answer 1

您需要将其绑定(bind)到某些事件，例如 change() 首先才能工作

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

FIDDLE DEMO

仅当您将绿色选项设置为在加载时选择时，您的代码才会起作用

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

目前它设置为红色，因此它不起作用。