依赖
combo
用法
代码如下 | 复制代码 |
<select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option> <option>bitem3</option> <option>ditem4</option> <option>eitem5</option> </select>
<input id="cc" name="dept" value="aa">
$('#cc').combobox({ url:'combobox_data.json', valueField:'id', textField:'text' }); json 数据格式的示例 [{ "id":1, "text":"text1" },{ "id":2, "text":"text2" },{ "id":3, "selected":true },{ "id":4, },{ "id":5, "text":"text5" }] |
名称 | 类型 | 说明 | 默认值 |
valueField | string | 绑定到 ComboBox 的 value 上的基础数据的名称。 | value |
textField | string | 绑定到 ComboBox 的 text 上的基础数据的名称。 | text |
mode | string | 定义在文本改变时如何加载列表数据。如果组合框从服务器加载就设为 'remote' 。 | local |
url | string | 从远程加载列表数据的 URL 。 | null |
method | string | 用来检索数据的 http method 。 | post |
data | array | 被加载的列表数据。 | null |
filter | function | 定义当 'mode' 设为 'local' 时如何过滤数据。这个函数有两个参数: q:用户输入的文字 row:列表中的行数据。 返回 true 就允许显示该行。 | |
formatter | function | 定义如何呈现行。这个函数有一个参数:row。 | |
名称 | 参数 | 说明 |
onLoadSuccess | none | 当远程数据加载成功时触发。 |
onLoadError | none | 当远程数据加载失败时触发。 |
onSelect | record | 当用户选择一个列表项时触发。 |
onUnselect | record | 当用户取消选择一个列表项时触发。 |
名称 | 参数 | 说明 |
options | none | 返回 options 对象。 |
getData | none | 返回加载的数据。 |
loadData | data | 加载本地列表数据。 |
reload | url | 请求远程的列表数据。 |
setValues | values | 把数组设置为组合框的值。 |
setValue | value | 设置组合框的值。 |
clear | none | 清除组合框的值。 |
select | value | 选择指定的选项。 |
unselect | value | 取消选择指定的选项。 |
同步官网每日更新,为您带来随时随地的资讯与技术信息。
更有不定期的互动抽奖活动,赢取实用贴心的小礼物。
除非特别声明,PHP100新闻均为原创或投稿报道,转载请注明作者及原文链接
原文地址:
http://www.php100.com/html/program/jquery/2013/0905/5856.html
Copyright (C) 2007-2014 PHP100.com, All Rights Reserved 版权所有 粤ICP备15117877号-4