jquery - .change 未按预期工作

Question

我正在尝试学习如何在 jquery 中使用更改函数，但我似乎无法触发函数。由于我在这方面不是最好的，所以我想我会尝试其他人的代码，但这也不起作用。我复制了这个问题第一个答案的代码

jquery not getting value from select statement on change

HTML

<select id="drop1">
<option value="0">All</option>
<option value="1">Alphabetical</option>
<option value="2">Brewery</option>
<option value="3">Style</option>
</select>

JQuery

 $(function () {
 $('#drop1').change(function () {
     var choice = $(this).val();
     alert(choice);
 }
 });

http://jsfiddle.net/jCLJ9/

但我仍然无法让它工作。这是我用于 Jquery 的链接 ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

Answer 1

你有错别字

$(function () {
    $('#drop1').change(function () {
        var choice = $(this).val();
        alert(choice);
    });
});

<小时/>

更改代码

$(function () {
 $('#drop1').change(function () {
     var choice = $(this).val();
     alert(choice);
 } //remover this extra } 
 });
// add extra }); for closing DOM Ready function 

<小时/>

您可以使用 this.value 代替 $(this).val();