Question

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

 <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>

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

Answer 1

当您更改<html> <frameset cols="25%,*"> <frame src="myframe1.htm"> <frame src="myframe2.htm"> <frame src="myframe3.htm"> </frameset> </html>的值时，您需要触发代码，如下所示：

<select>

Answer 2

您需要先将此绑定到change()之类的某个事件才能正常工作

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

FIDDLE DEMO

只有将green选项设置为加载时选择

，您的代码才有效

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

目前它已设为红色，因此无效。

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

2 个答案: