javascript - 切换当一个特定的下拉选项中选择一个隐藏的DIV/取消选择

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

我想在表单的下拉字段下面有一个隐藏的div。选择一个特定选项时，将显示隐藏的div。我还想选择了其他选项，当它消失。我将此作为对用户的警告，因为该选项将运行一些与数据库相关的特定功能。

谁能给我一些有关如何开始的提示？

谢谢。

最佳答案

干得好。 (在线演示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();
        }
    });
});