jqueryでオプションを追加した後に選択ボックスで最初のオプションを選択する方法

Question

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

は、単にこれを行う>>>

モーダルで私の選択ボックス>>>

<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); 
}); 
//set selected as true for first option 
$("#modal_cmbSection option:first-child").attr("selected", true); 

Answer 2

あなたは試すことができます：

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