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

Question

我正在使用使用 JQuery-select2 版本 3.5 实现的下拉框。

我想使用 JQuery 设置从列表中选择的第 2 个项目，例如 $("#fieldId").prop("selectedIndex",1)。

可以吗？

提前致谢

Answer 1

如果您指的是 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 2

$('#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 3

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

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

How to change selected value of JQuery-select2 dropdown by option list Index number using JQuery

javascript

jquery

jquery-select2

select2