选择/取消选择特定下拉选项时，切换隐藏的div [英] Toggle a hidden div when a particular dropdown option is selected/de-selected

问题描述

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

Hey everyone, I had a quick question that should be easy for someone who is experienced in Jquery and Javascript.

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

I'd like to have a hidden div that is below a drop-down field in my form. When one particular option is selected, the hidden div is displayed. I'd also like it to disappear when any other option is selected. I'm using this as a warning for the user since that option will run some specific db related functions.

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

Can anyone give me some hints on how to get this started?

谢谢。

推荐答案

在这里。 （在线演示 http://jsfiddle.net/wwTxw/ ）

Here you go. (online demo 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代码;

jQuery Code;

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

这篇关于选择/取消选择特定下拉选项时，切换隐藏的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！