jQWidgets jqxDropDownList getSelectedItem() 方法

getSelectedItem() 方法是 jQWidgets jqxDropDownList 组件中的一个方法，用于获取当前选中的下拉列表项。在开发中，我们可以使用该方法来获取用户在下拉列表中选择的值，从而进行下一步的业务逻辑处理。

语法

getSelectedItem(): jqwidgets.DropDownListItem

参数说明

无参数

返回值

类型为 jqwidgets.DropDownListItem，表示当前选中的下拉列表项。

示例代码

// 创建下拉列表组件
$('#dropdownlist').jqxDropDownList({
    source: ['北京', '上海', '广州', '深圳'],
    selectedIndex: 0
});

// 获取选中的下拉列表项
let selectedItem = $('#dropdownlist').jqxDropDownList('getSelectedItem');

// 输出选中的下拉列表项
console.log(selectedItem.label); // '北京'
console.log(selectedItem.value); // '北京'

在该示例代码中，我们通过 jqxDropDownList() 方法创建了一个下拉列表组件，其中 source 参数指定了下拉列表中的选项，selectedIndex 参数指定了默认选中的项。然后，我们使用 getSelectedItem() 方法获取当前选中的下拉列表项，并将结果输出到控制台中。

注意事项

• 在使用 getSelectedItem() 方法之前，必须保证下拉列表组件已经被实例化并初始化完毕。
• 如果当前下拉列表中没有任何项被选中，该方法将返回 null。
• 当前选中的下拉列表项是一个 jqwidgets.DropDownListItem 对象，该对象包含两个属性：label 表示选项的显示文本，value 表示选项的对应值。