jQWidgets jqxDropDownList selectIndex() 方法

介绍

jQWidgets jqxDropDownList 是一款优秀的下拉列表控件，其 selectIndex() 方法可以让程序员通过代码选中下拉列表中的某一项。

方法定义

selectIndex(index: number): void;

参数

• index: number：下拉列表中需要选中的项的索引，从 0 开始计数。

返回值

该方法没有返回值。

使用示例

HTML 代码

<div id="dropdownlist"></div>

JS 代码

// 初始化下拉列表
$("#dropdownlist").jqxDropDownList({
    source: ["Apple", "Banana", "Cherry", "Durian"],
    selectedIndex: 0
});

// 选中下拉列表中的第二项
$("#dropdownlist").jqxDropDownList("selectIndex", 1);

效果

初始化下拉列表时默认选中第一项“Apple”，然后通过 selectIndex() 方法将选中项改为第二项“Banana”。

结语

通过 selectIndex() 方法可以轻松地在代码中选中 jqxDropDownList 下拉列表中的某一项，为程序员带来了很大的便利。