检测是否已选择选项（任何）

Question

我想知道当我选择一个选项时如何发出警报。 This是我的尝试：

HTML

<select id="provinces">
    <option>aaa</option>
    <option>bbb</option>
    <option>ccc</option>
</select>

JS

$('#provinces').click(function(){
    alert("test");
});

有什么想法吗？

Answer 1

<强> HTML

<select id="provinces">
    <option>aaa</option>
    <option>bbb</option>
    <option>ccc</option>
</select>

<强>的jQuery

$('#provinces').change(function(){

    //Any of these will work

    alert($("#provinces option:selected").val());

    alert($("option:selected",this).val());

    alert($(this).find("option:selected").val());

    alert($(this).val());

    //or without the aid of jQuery, simply...
    alert(this.value);
});

修改

感谢编辑@ Splash-X，这是使用Selector Context的文档。为了论证，我添加了一些不同的选择，但第一个将是最差的，因为它没有上下文并从整个DOM中选择。第二个选项实际上使用了下面的第三个选项。