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