Question

当选择了两个选择下拉选项中的一个时，是否有人知道显示/隐藏div的简单示例？我想保持简单，除了已经加载的jquery之外，不必使用插件。

Answer 1

只需使用jQuery.hide() / .show()。

连接以根据您的规则选择“onchange事件并隐藏/显示。”

$('select').change(function(){

   if($(this).val() == 'my value' || $('other select').val() == 'my value')
       $('div').show();
    else
        $('div').hide();
});

Answer 2

只需将onSelect事件绑定到下拉列表，即可显示/隐藏特定的div

$('#dropdown').change(function() {
  // show hide your div with $.show/hide
});

Answer 3

如果下拉列表的值为12和22（您可以将其更改为您需要的任何值），则可以使用以下函数显示传递的元素：

function showDiv(element, firstDropdown, secondDropdown) {
    firstDropdown.children("option:selected").val() == 12 && secondDropdown.children("option:selected").val() == 22 ? element.show() : element.hide();
}

然后在jQuery中你可以编写以下内容：

var myElement = $("div");
var myFirstDropdown = $("select#first");
var mySecondDropdown = $("select#second");

$("select").change(function() {
    showDiv(myElement, myFirstDropdown, mySecondDropdown)
});

演示： http://jsfiddle.net/ERS9D/

Selectbox div显示/隐藏

3 个答案: