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