Jquery多个产品列表下拉列表

Question

我需要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>
})

图像：

Answer 1

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