javascript - 通过jQuery附加选项后如何在选择框中选择第一个选项

我在一个模式中有一个选择框，在这里我使用jquery附加选项。我希望在附加所有项目后选择第一个选项。我试过一些，但运气不好。有人能帮我一下吗？以下是我的尝试：
模式中的“我的选择”框>>>

<select id="modal_cmbSection" name="modal_cmbSection" class="form-control required">
</select>

我的jquery代码，其中附加并尝试设置选定的第一个选项>>>

var sectionOption = "";
var $sectionSelect = $('#modal_cmbSection');
$sectionSelect.empty();
$(".section-block").each(function() {
    var eachSectionName = $(this).find(".section-section-name").val();
    sectionOption = "<option>" + eachSectionName + "</option>";
    $sectionSelect.append(sectionOption);
});
$sectionSelect.find('option:eq(0)').prop('selected', true);

最佳答案

只要这么做，

var sectionOption = "";
var $sectionSelect = $('#modal_cmbSection');
$sectionSelect.empty();
$(".section-block").each(function() {
    var eachSectionName = $(this).find(".section-section-name").val();
    sectionOption = "<option>" + eachSectionName + "</option>";
    $sectionSelect.append(sectionOption);
});
//set selected as true for first option
$("#modal_cmbSection option:first-child").attr("selected", true);