jQWidgets jqxComboBox getSelectedItem() 方法

简介

jQWidgets jqxComboBox是一个基于jQuery的UI组件，用于显示一组选项供用户选择。getSelectedItem()是jqxComboBox的一个方法，用于获取当前选中的项目。

语法

$(selector).jqxComboBox('getSelectedItem');

参数：无

返回值：对象，该对象包含了当前选中项目的各种信息，包括但不限于value、label以及index等。

示例

// 初始化jqxComboBox
$('#comboBox').jqxComboBox({
    source: ['Apple', 'Banana', 'Cherry', 'Date'],
    selectedIndex: 0,
    width: '200px',
    height: '25px'
});

// 获取当前选中项目
var selectedItem = $('#comboBox').jqxComboBox('getSelectedItem');
console.log(selectedItem);

// 输出结果：
// Object { label: "Apple", value: "Apple", index: 0 }

注意事项

• 在调用getSelectedItem()方法前，必须先初始化jqxComboBox组件。
• 若当前没有选中任何项目，则getSelectedItem()方法返回null。
• 实际应用中，我们可以根据getSelectedItem()方法返回的对象进行相应的操作，例如向服务器提交数据等。

参考链接

• 官方文档：https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcombobox/jquery-combobox-api.htm
• 示例代码：https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm