检测是否已选择选项(任何)

时间:2012-01-18 16:22:48

标签: jquery

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

HTML

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

JS

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

有什么想法吗?

1 个答案:

答案 0 :(得分: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中选择。第二个选项实际上使用了下面的第三个选项。