Javascript 改进了用于填充选择的 ajax 调用

Question

我正在使用此代码获取一些数据并填充一个选择下拉列表。

$.ajax({
    url: 'myurl here',
    method: 'GET',
    success: function(result) {
        $.each(result.main, function(result, value) {
            $('#myselect').append($('<option>').text(value.id).attr('value', value.id));
        });
    }
});

填充选择后我需要做的是获取填充在选择中的第一行的值。

我该怎么做？

Answer 1

为此，您可以将选择的 val() 设置为数组中的第一项。试试这个:

success: function(result) {
    var html = '';
    $.each(result.main, function(result, value) {
        html += '<option value="' + value.id + '">' + value.id + '</option>'
    });
    $('#myselect').append(html).val(result.main[0].id);
}

Working example

或者，如果您想强制选择第一个选项，您可以将selectedIndex 属性设置为0:

$('#myselect').append(html).prop('selectedIndex', 0);

另请注意，我修改了循环以生成单个 HTML 字符串，该字符串仅附加到 DOM 一次，这比每次迭代都修改 DOM 更快。

更新

I want to get the value of the first one and store it in a variable so I can use it later

在这种情况下，您可以使用 result.main[0].id:

var first = result.main[0].id