Question

对不起的头衔很抱歉。基本上我想做的是以下几点：

我有一个下拉菜单，其中有几个选项，我想制作一个＆＃39;清单＆＃39;各种类型的选项显示在其下方，选项取决于下拉列表中选择的内容。

例如，如果我选择＆＃34; Water＆＃34;从下拉菜单中，我希望它下面显示的清单标有＆＃34;什么样的？＆＃34;给我Dasani，Aquafina或斐济的选择。同样，如果我选择＆＃34; Soda＆＃34;从下拉菜单中，我希望清单能够为我提供Fanta，Coke或Sprite的选项。

Answer 1

如果您创建了所有复选框菜单（假设您全部知道它们），并将它们初始化为隐藏，则可以在OnChange事件上创建下拉列表，并显示相应的复选框菜单。

Answer 2

对于选择菜单，使用Jquery .change函数确定您的选择菜单是否已更改。

$('#beverageSelect').change(function(){
    // Logic here
});

在change函数内部，有一个if语句来确定所选下拉列表的值。这将检查它是“水”还是“苏打水”或者发生了什么。

然后，我会在我的视图中隐藏复选框，并使用javascript切换可以取消隐藏这些元素的类。

<div class="unhide-checkbox">
    <!-- Put checkbox for water here -->
</div>

<div class="unhide-checkbox">
    <!-- Put checkbox for soda here -->
</div>

那个.unhide-checkbox类有一个“display：none;”属性，so when toggled它将显示/隐藏您的信息。

根据下拉菜单选择，如何从下拉菜单中选择后显示复选框列表？

2 个答案: