javascript - selectbox、アラートボックスは、正確なアイテムにヒットするまで起動しないでください

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');
        }
    });
});​