Jquery 多个产品列表下拉列表答案

【问题标题】：Jquery multiple lists of products dropdownJquery 多个产品列表下拉列表
【发布时间】：2017-04-15 09:19:53
【问题描述】：

我需要有关 jquery 的帮助，以便从 Jquery 下拉列表中选择多个选项。我目前可以使用 jquery 从选项列表中选择单个值。但我需要能够在选项选择中选择项目列表。例如在下面的示例中，我可以很好地选择值。但我在选择选项中也有每个国家的产品。如何在用户选择时使用选择框显示每个国家/地区的产品。想法是让用户获得在下拉列表中显示的产品数量，并在选择国家后显示点击该国家/地区的产品数量。附上图片以进行更多说明。

国家：

<select id='selectCountry'>
<option selected='selected' value='USA">United States</option> # I need to include all the products related to this country here
<option value='PK'>Pakistan</option>
<option value='UK'>United Kingdom</option>
<option value='CA'>Canada</option>
</select>

脚本：

<script type='text/javascript'>
$(document).ready(function(){
$('#selectCountries').change(function(){
var selectOption = $("#selectCountries option:selected');
$('#divResult').html('Value = ' + selectOption.val()
+ ', Text + selectOption.text());
});
});
<script>
})

图片：

【问题讨论】：

标签： jquery drop-down-menu

【解决方案1】：

我认为你可以使用多选下拉菜单，请查看此链接。它可能对你有帮助：click here

【讨论】：

Priya 我可以做这么多，但我需要做的是在“Foo”或“bar”或“baz”中显示项目列表。所以每个选项都应该显示一个项目列表。