我有一个选择框:
<select id="selectBox">
<option value="0">Number 0</option>
<option value="1">Number 1</option>
<option value="2">Number 2</option>
<option value="3">Number 3</option>
<option value="4">Number 4</option>
<option value="5">Number 5</option>
<option value="6">Number 6</option>
<option value="7">Number 7</option>
</select>
我想将其中一个选项设置为“选定”基于它的选定索引。
例如，如果我试图设置“数字3”，我尝试这样做:
$('#selectBox')[3].attr('selected', 'selected');
但这行不通。我如何设置一个选项，因为选择基于它的索引使用jQuery?
谢谢!
当前回答
//funcion para seleccionar por el text del select
var text = '';
var canal = ($("#name_canal").val()).split(' ');
$('#id_empresa option').each(function(i, option) {
text = $('#id_empresa option:eq('+i+')').text();
if(text.toLowerCase() == canal[0].toLowerCase()){
$('#id_empresa option:eq('+i+')').attr('selected', true);
}
});
其他回答
更简单:
$('#selectBox option')[3].selected = true;
:不久
$ (" # selectBox”)。attr(“selectedIndex index)
其中index是所选的整数索引。
希望这也能有所帮助
$('#selectBox option[value="3"]').attr('selected', true);
选择第三个选项
$('#selectBox').val($('#selectBox option').eq(2).val());
关于jsfiddle的示例
试试这个:
$('select#mySelect').prop('selectedIndex', optionIndex);
最后，触发一个.change事件:
$('select#mySelect').prop('selectedIndex', optionIndex).change();
