设置选定的动态填充选择框值ajax

时间:2016-06-30 19:34:42

标签: javascript jquery ajax

我有一个select元素,可以在更改时填充另一个select。一切正常,但我想自动将新select的值设置为数组中的第一项。

$.get($(this).data('url'), { 
    option: $(this).val() 
}, function(data) {
    var subcat = $('#models');
    var options = " ";
    subcat.empty();
    $.each(data, function(index, element) {
        options += "<option value='" + element.id + "'>" + element.name + "</option>";
    });
    subcat.append(options);
});

我想要做的是将模型的选定值设置为第一项。

1 个答案:

答案 0 :(得分:0)

您的option变量只是一个字符串,您无法将这样的字符串附加到subcat对象,并自动转换为<option>

而是在$.each()函数中尝试其中一种方法:

subcat.append($("<option value='" + element.id + "'>" + element.name + "</option>"));

或:

subcat.append($("<option/>").val(element.id).text(element.name));

默认情况下应选择第一个选项。

Fiddle