Javascript改进了ajax调用以填充select

我使用这段代码来获取一些数据并填充一个select下拉列表

$.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));
        });
    }
});

$.ajax({
url:“我的url在这里”，
方法：“GET”，
成功：功能（结果）{
$.each（result.main，函数（result，value）{
$（'#myselect'）.append（$（''）.text（value.id）.attr（'value'，value.id））；
});
}
});

填充select之后，我需要做的是获取select中填充的第一行的值

---

如何执行此操作？

要执行此操作，可以将select的

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);
}

还要注意，我修改了循环以生成一个HTML字符串，该字符串只附加到DOM一次，这比每次迭代修改DOM要快

更新

我想得到第一个变量的值并将其存储在变量中，以便以后使用

在这种情况下，您可以使用

result.main[0].id

：

var first = result.main[0].id

---

导入列表后，我需要获取导入列表的第一行。您的意思是要选择第一个选项，而不是新添加的第一个选项吗？我只是在caseNo中更新了答案，我的意思是我想得到第一个的值并将其存储在一个变量中，以便以后可以使用它

var first=result.main[0]。id

var first = result.main[0].id