Question

我正在尝试让jQuery填充表单中的下拉列表，数据来自JSON。

我遇到的问题是我无法弄清楚如何用相关数据填充第3个下拉框。

例如，如果您选择“加利福尼亚”，然后选择“西海岸”，那么我希望它在第3个下拉列表中显示“产品”，这将是“阳光”。

我试图复制我当前的jQuery代码以访问'product.states.type'但没有运气。

products.states[i].type

非常感谢任何帮助。

Answer 1

使用此代码：

$('#type').on('change', function() {
    for(var i = 0; i < products.states.length; i++)
    {           
      if(products.states[i].id == $('#state').val())
      {
        for(var j = 0; j < products.states[i].type.length; j++)
        {
            if(products.states[i].type[j].id == $(this).val()){
                $('#product').html('<option></option>');
                $.each(products.states[i].type[j].product, function (index, value) {
                        $("#product").append('<option value="'+value.id+'">'+value.name+'</option>');
                });
            }

        }
      }
    }
});

http://jsfiddle.net/hJ69R/5/

jQuery动态更新下拉列表

1 个答案: