我有一个选择框:
<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?
谢谢!
当前回答
试试这个:
$('select#mySelect').prop('selectedIndex', optionIndex);
最后，触发一个.change事件:
$('select#mySelect').prop('selectedIndex', optionIndex).change();
其他回答
您可以动态设置选择变量值以及选项将被选中。您可以尝试下面的代码
代码:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
$(function(){
$('#allcheck').click(function(){
// $('#select_option').val([1,2,5]);also can use multi selectbox
// $('#select_option').val(1);
var selectoption=3;
$("#selectBox>option[value="+selectoption+"]").attr('selected', 'selected');
});
});
HTML代码:
<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> <br>
<strong>Select <a style="cursor:pointer;" id="allcheck">click for select option</a></strong>
试试这个:
$('select#mySelect').prop('selectedIndex', optionIndex);
最后，触发一个.change事件:
$('select#mySelect').prop('selectedIndex', optionIndex).change();
:不久
$ (" # selectBox”)。attr(“selectedIndex index)
其中index是所选的整数索引。
我经常使用触发器(“改变”)来让它工作
$('#selectBox option:eq(position_index)').prop('selected', true).trigger('change');
示例:id select = selectA1, position_index = 0 (select中的第一个选项):
$('#selectA1 option:eq(0)').prop('selected', true).trigger('change');
试试这个吧:
$("#selectBox").val(3);
