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