如何選擇一個選擇框第一個選項的jQuery

附加選項後，我在我使用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);

來源

2016-11-30 Sumon Bappi

你不需要「ATTR」，而不是「託」？ –

你的代碼應該可以工作。 https://jsfiddle.net/jnwrc5ay/247/ –

@ ZakariaAcharki我的代碼不起作用。選擇框處於模態。當我點擊一個按鈕時，模式被打開。這可能是一個問題嗎？ –

只要做到這一點，

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

來源

2016-11-30 11:58:15 ScanQR

爲什麼投下來？ – ScanQR

不是我的失望，但這與OP已經使用的非常相似（儘管OP使用'prop（）'，所以稍微好一些）。如果這不起作用，這是沒有道理的。這個問題必須在別處。 –

@TechBreak嘗試了你的選擇。不起作用 –

你可以嘗試：

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

來源

2016-11-30 12:09:26

如何選擇一個選擇框第一個選項的jQuery

回答

相關問題