0
我有两个选择框:获取基于阵列值的不同选择框
<select class="company">
<option value=''><strong>Name</strong></option>
<option value="Company A">Company A</option>
<option value="Company B">Company B</option>
</select>
<select class="product">
<option value=''><strong>Products</strong></option>
</select>
我需要从阵列基于两个选择框选择的位置值。它将用于其他功能。这里是我的脚本:
var series = [
{name: 'Company A', product: 'A1',location:'USA'},
{name: 'Company A', product: 'A2',location:'Mexico'},
{name: 'Company A', product: 'A3',location:'China'},
{name: 'Company B', product: 'B1',location:'USA'},
{name: 'Company B', product: 'B2',location:'Mexico'}
]
$(".company").change(function(){
var company = $(this).val();
var options = '<option value=""><strong>Products</strong></option>';
$(series).each(function(index, value){
if(value.name == company){
options += '<option value="'+value.product+'">'+value.product+'</option>';
}
});
$('.product').html(options);
});
我也想存储在一个变量的名称和产品,但是这只是对我展现它捡起从数组正确的值,也不会在其他地方使用。