📌  相关文章
📜  jQWidgets jqxComboBox addItem() 方法(1)

📅  最后修改于: 2023-12-03 15:32:15.981000             🧑  作者: Mango

jQWidgets jqxComboBox addItem() 方法介绍

jqxComboBox 是一款 jQuery 基础的组件，提供了下拉框选择框的功能。其中 addItem() 方法用于动态添加一个选项卡到下拉列表中。

使用方法
语法
addItem(item: jqwidgets.ComboBoxItem, refresh: boolean): void;
  • item: jqwidgets.ComboBoxItem, 添加到下拉列表中的选项卡。
  • refresh: boolean, 布尔值，表示添加后是否需要刷新下拉列表。
参数

item: jqwidgets.ComboBoxItem，添加到下拉列表中的选项卡，必填。

jqwidgets.ComboBoxItem 的结构如下：

{
    "label": "label",       // 选项卡的文本标签
    "value": "value",       // 选项卡的值
    "disabled": false,      // 选项卡是否禁用
    "group": "optionGroup"  // 选项卡所属分组的名称
}
示例
$("#jqxComboBox").jqxComboBox({ 
    width: '200px',
    autoDropDownHeight: true
});

$("#addBtn").click(function () {
    var item = { label: "New Option", value: "newOption" };
    $("#jqxComboBox").jqxComboBox('addItem', item, true);
});
返回值

无返回值。

注意事项
  1. item 参数中必须要提供 label 和 value 字段。
  2. 可以在 addItem() 方法中添加 disabled 和 group 字段，分别表示选项卡是否禁用和所属分组的名称。
  3. refresh 参数表示添加后是否需要刷新下拉列表，如果不需要可以设为 false。
  4. 如果用于表单提交，需要在后端获取 select 标签的 value 值，而不是 label 值。
参考文献