Question

我正在使用 select2 插件。我正在尝试根据第二个选择框从阵列区域生成e3“加载”数据。这是我的代码：

var regions = [{"first":["City1", "City2"],"second":["City3", "City4"]}];
$('#e2').select2().on('change', function() {
    $.each(regions[($("#e2").val())], function(key,value) {
        $("#e3").append("<option value='"+value+"'>"+value+"</option>");
    });
}).trigger('change');

编辑：每次更改#e2的值时，我得到的错误是：Uncaught TypeError: Cannot read property 'length' of undefined

我做错了什么？

谢谢！：）

EDIT2：

$('#e2').select2().on('change', function() {
    $.each(region[$("#e2").select2("val")], function(key,value) {
        alert(region[$("#e2").select2("val")]);
        $("#e3").append("<option value='"+value+"'>"+value+"</option>");
    });
}).trigger('change');

这是建议的......它仍然给出了先前的错误（Uncaught TypeError）。但是警报会返回：undefined

Answer 1

这：$("#e2").val()应更改为：$("#e2").select2("val")

Select2 - 动态加载数据

1 个答案: