Question

Iam使用下拉框，使用JQuery-select2版本3.5实现。

我想使用JQuery设置从$("#fieldId").prop("selectedIndex",1)这样的列表中选择的第二项。

有可能吗？

提前致谢

Answer 1

$('#fieldId').select2("val",$('#fieldId option:eq(1)').val());
/*By using eq(), the index number should be calculated from 0*/

或

$('#fieldId').select2("val",$('#fieldId option:nth-child(2)').val());
/*By using nth-child(), the index number should be calculated from 1*/

这可能很有用

Answer 2

如果您的意思是select下拉菜单，那么这应该可以解决您的问题

<select>
    <option>1st item</option>
    <option selected>2nd item</option>
    <option>3rd item</option>
</select>

编辑：您可以像这样实现

$('select option:nth-child(2)').attr('selected', true);

Answer 3

$('#selectId').find('option').each(function(index,element){
    if(element.value.toLowerCase().trim() == 'VAL_TO_MATCH'){
         $("#selectId").prop('selectedIndex', index).change();
    }
});

如何使用JQuery通过选项列表索引号更改JQuery-select2下拉列表的选定值

3 个答案: