javascript - 选择框，警报框不应该触发，直到它击中确切的项目

Question

我有这个代码。

HTML

<select id='item'>
    <option value="item1">item1</option>
    <option value="item2">item2</option>
    <option value="item3">item3</option>
</select>

jQuery

$(document).ready(function(){
    $('#item').click(function(){
        var type = $(this).val();
        if (type == "item1")
        {
            alert ('item1');
        }
        else if (type == "item2")
        {
            alert ('item2');
        }
        else if (type == "item3")
        {
            alert ('item3');
        }
    });
});

但是每当我点击选择框时，它都会触发警报框，这有点令人讨厌。当用户实际单击选择项时，应触发警报框。当用户点击 item1 菜单时，它应该只触发 item1 的警报框。

Answer 1

请尝试changeapi man：http: //jsfiddle.net/eqHCN/

这足以满足需要。http://api.jquery.com/change/

代码

$(document).ready(function(){
    $('#item').change(function(){
        var type = $(this).val();
        if (type == "item1")
        {
            alert ('item1');
        }
        else if (type == "item2")
        {
            alert ('item2');
        }
        else if (type == "item3")
        {
            alert ('item3');
        }
    });
});​