jQuery MiniUI 开发教程表单控件 TextBox(List)：多选输入智能提示框（十五）

最新推荐文章于 2022-11-15 08:16:52 发布

iteye_4698

最新推荐文章于 2022-11-15 08:16:52 发布

阅读量1.5k

点赞数

分类专栏： jquery 文章标签： jquery 数据结构 UI Ajax JavaScript ViewUI

jquery 专栏收录该内容

69 篇文章

订阅专栏

本文介绍了一个用于前端开发的多选输入智能提示组件TextBoxList。该组件支持动态加载数据并提供智能提示功能，方便用户进行多选操作。文章通过示例展示了如何创建TextBoxList组件，并给出了数据结构的定义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]TextBoxList：多选输入智能提示框[/b]
[img]http://www.miniui.com/docs/api/images/textboxlist.gif[/img]

参考示例：[url=http://www.miniui.com/demo/textboxlist/textboxlist.html]TextBoxList：多选输入智能提示框[/url]

[b]创建TextBoxList[/b]
<input id="tbl1" class="mini-textboxlist" required="true" style="width:250px;"
url="../data/DataService.aspx?method=FilterCountrys" value="cn,usa" text="中国,美国"
valueField="id" textField="text" onvaluechanged="onValueChanged"/>

[b]数据结构[/b]
[
{ id: "usa", text: "美国" },
{ id: "cn", text: "中国" },
{ id: "jp", text: "日本" },
{ id: "en", text: "英国" },
{ id: "de", text: "德国" },
{ id: "fr", text: "法国" },
{ id: "ca", text: "加拿大" },
{ id: "at", text: "奥地利" },
{ id: "ch", text: "瑞士" }
]