Question

我正在尝试触发警报，如果选择菜单选择了特定选项，但它没有触发正确的选项。它可能与价值有关，但我无法确定问题。

 $("#result3").on("change", "#txtArea1",function () {
    var theType = $("#txtArea1:selected").val();
    if (theType == "1") {
      alert("you selected Georgia");

    } else {
alert("you selected one of the 50 states");
        }
   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="result3">
<select name="txtArea1" id="txtArea1" size=10>
<option value="0"> Select a State</option>
<option value="1">Alabama</option> 
<option value="3">Alaska</option> 
<option value="4">Arizona</option> 
<option value="5">California</option> 
</select>
</div>

Answer 1

替换

var theType = $("#txtArea1:selected").val();

带

var theType = $("#txtArea1 option:selected").val();

UPDATED JSFIDDLE DEMO

<强>更新

以上更改不适用于所有浏览器：

试试这个：

$('#txtArea1').find(":selected").val();

参考：https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/

jquery选择菜单不会触发正确的警报

1 个答案: