通過jQuery附加選項后如何在選擇框中選擇第一個選項

Question

我在模態中有一個選擇框，在其中使用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);

Answer 1

簡單地做到這一點，

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

Answer 2

你能試一下嗎：

$sectionSelect.find( 'option:first' ).prop( 'selected', true );