如何选择一个选择框第一个选项的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);

你不需要“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);

为什么投下来？ – ScanQR

不是我的失望，但这与OP已经使用的非常相似（尽管OP使用'prop（）'，所以稍微好一些）。如果这不起作用，这是没有道理的。这个问题必须在别处。 –

@TechBreak尝试了你的选择。不起作用 –

答

你可以尝试：

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

如何选择一个选择框第一个选项的jQuery

相关推荐