为什么选择MiniUI?
首页>文档中心>开发教程>表单控件

AutoComplete:输入智能提示框



参考示例AutoComplete:输入智能提示框


创建AutoComplete

<input id="tbl1" class="mini-autocomplete" required="true" style="width:200px;"
    valueField="id" textField="text"
        url="../data/DataService.aspx?method=FilterCountrys2" value="cn" text="中国"
/>

数据结构

[
    { 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: "瑞士" }
]