选择/取消选择特定下拉选项时,切换隐藏的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();
        }
    });
});