Question

我有一个问题。我正在尝试为Genesis Framework创建一个主题。我遇到一个元素有问题。

我有两个下拉列表。但是我只想在第一个下拉列表中选择一个特定项目时出现第二个。考虑这是第一个下拉列表。

<select name="jquery_box" id="jquery_box"> <option value="">None</option> <option value="fancybox">Fancybox</option> <option value="colorbox">Colorbox</option> </select>

现在我希望出现第二个下拉列表，但仅当我在第一个淹没菜单中选择了第三个选项时。 “彩盒”

我正在使用PHP做一些事情它也在运行，但它不能实时工作。它仅在我选择第三个选项时保存设置并刷新页面。我需要一些JavaScript解决方案才能在选择带有value =“colorbox”的第三个选项时出现，如果选择了另一个选项则会消失。

如果你能帮助我，我将非常感激。

Answer 1

你可以这样做：

$('#jquery_box').change(function() {
    if(this.value == "colorbox") {
        $('#second_select').show();
    } else {
        $('#second_select').hide();
    }
});

<强> Fiddle Demo

或使用.toggle()缩短上述代码：

$('#jquery_box').change(function () {
    $('#second_select').toggle(this.value == "colorbox");
});

<强> Fiddle Demo

选择下拉项时显示元素

1 个答案: