jQWidgets jqxDropDownList addItem() 方法

简介

jQWidgets是一个响应式的Web组件库，其中jqxDropDownList组件允许您在下拉列表框中添加和删除项目。addItem()方法是jqxDropDownList组件提供的一种方法，它使您可以通过代码向下拉列表框中添加新项。

语法

addItem(item: any | Array<any>, refresh: boolean): void

• item：需要添加到下拉列表框中的一个或多个项目或对象。
• refresh：一个布尔值，指示添加项目后是否需要刷新下拉列表框。如果不指定此参数，则默认为false。

示例代码

添加单个项

$("#myDropDownList").jqxDropDownList('addItem', 'New Item');

添加多个项

var items = ["Item 1", "Item 2", "Item 3"];
$("#myDropDownList").jqxDropDownList('addItem', items);

添加具有值和标签的项

var items = [{ value: "1", label: "Item 1" }, { value: "2", label: "Item 2" }, { value: "3", label: "Item 3" }];
$("#myDropDownList").jqxDropDownList('addItem', items);

刷新下拉列表框

$("#myDropDownList").jqxDropDownList('addItem', 'New Item', true);

总结

使用addItem()方法，您可以轻松地向下拉列表框中添加新项，而不必手动编辑页面的HTML代码。此外，该方法还支持一次添加多个项，这在需要添加大量项的情况下非常有用。最后，别忘了刷新下拉列表框以查看新项。