选择/取消选择特定下拉选项时，切换隐藏的div

Question

嘿大家，我有一个简单的问题，对于有Jquery和Javascript经验的人来说应该很容易。

我想在我的表单中有一个隐藏的div位于下拉字段下方。选择一个特定选项时，将显示隐藏的div。当选择任何其他选项时，我也希望它消失。我正在使用它作为用户的警告，因为该选项将运行一些特定的数据库相关功能。

任何人都可以给我一些关于如何开始这个的提示吗？

感谢。

Answer 1

你走了。 （在线演示http://jsfiddle.net/wwTxw/）

HTML：

<select id="select">
    <option value="1">111</option>
    <option value="2">222</option>
    <option value="3">333</option>
</select>

<div id="warning" style="display:none">NO!!!</div>

jQuery代码;

$(function() {
    $('#select').change(function(){
        if ($(this).val() == "2") {
            $('#warning').show();
        } else {
            $('#warning').hide();
        }
    });
});