Question

我有一个名为return List<string>的方法。第一个返回年份列表并使用jQuery填充选择：

$.ajax({
    url: $yearDropDownList.attr('data-request-url'),
    method: 'GET',
    dataType: 'json',
    success: function (data) {
        $(data).each(function (index, item) {
            $yearDropDownList.append($('<option/>', { value: item, text: item }));
        });
    }
});

第二个填充了yearDropDownList的更改。它正在击中方法，它正在返回数据，但是当我点击选择，一切都是空白的。只有 <option></option>

以下是改变：

$yearDropDownList.on('change', function(e) {
    $.ajax({
        url: $makeDropDownList.attr('data-request-url'),
        method: 'GET',
        dataType: 'json',
        data: { year: $yearDropDownList.find(':selected').text() },
        success: function (data) {
            $(data).each(function(index, item) {
               $makeDropDownList.append($(<option/>")).val(index).text(item);
            });
        }
    });
});

Answer 1

$makeDropDownList.append($(<option/>")).val(index).text(item);

您正在创建空白option，而不是在其上设置val和text。

将其更改为您在第一次通话中的表现： -

$makeDropDownList.append($('<option/>', { value: index, text: item}));

或将第二个支架向右移动选项到最后并修复1个双引号。

$makeDropDownList.append($('<option/>').val(index).text(item));

更改后的jquery返回<option> </option>

1 个答案: