selectbox, a alert box shouldn't fire until a it hit the exact item
<p>I have this code.</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;select id='item'&gt;
    &lt;option value="item1"&gt;item1&lt;/option&gt;
    &lt;option value="item2"&gt;item2&lt;/option&gt;
    &lt;option value="item3"&gt;item3&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>$(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');
        }
    });
});
</code></pre>

<p>But whenever I hit the select box, it fires the alert box and it is kinda nasty. An alertbox should be fired when a user actually click the selective item. When a user hit the the item1 menu then it should only fire the alertbox of the item1.</p>
