<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="http://www.cnblogs.com/bundles/blog-common.css?v=ChDk9h03-S75WEqNhGvXkWireJ5cCWdK1xRM9NIXfnM1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1><a id="cb_post_title_url" href="http://www.cnblogs.com/change4now/p/5665128.html">chosen 下拉框</a></h1>
<div></div>
<div>
<div id="cnblogs_post_body">
<p> </p>
<h1><a id="cb_post_title_url2" href="http://www.cnblogs.com/change4now/p/5665128.html">chosen 下拉框</a></h1>
<div></div>
<div>
<div id="cnblogs_post_body2">
<p> $("#teams").trigger("liszt:updated");//更新重新绑定<br>
$("#teams").chosen()</p>
<div>Chosen 选项列表 地址:<br>
https://github.com/amazeui/chosen/blob/master/docs/options.md</div>
<div>demo.html</div>
<h1><a id="user-content-chosen-选项列表2" href="https://github.com/amazeui/chosen/blob/master/docs/options.md#chosen-%E9%80%89%E9%A1%B9%E5%88%97%E8%A1%A8"></a>Chosen 选项列表</h1>
<hr>
<h2><a id="user-content-通过参数传递的选项2" href="https://github.com/amazeui/chosen/blob/master/docs/options.md#%E9%80%9A%E8%BF%87%E5%8F%82%E6%95%B0%E4%BC%A0%E9%80%92%E7%9A%84%E9%80%89%E9%A1%B9"></a>通过参数传递的选项</h2>
<p>以下参数在实例化的时候通过参数设置。</p>
<div>
<pre>$('.my_select_box').chosen({ disable_search_threshold: 10, no_results_text: 'Oops, nothing found!', width: '95%' });</pre>
</div>
<table>
<tbody>
<tr>
<th>选项</th>
<th>默认值</th>
<th>描述</th>
</tr>
<tr>
<td>allow_single_deselect</td>
<td>false</td>
<td>设置为 true 时非必选的单选框会显示清除选中项图标</td>
</tr>
<tr>
<td>disable_search</td>
<td>false</td>
<td>设置为 true 隐藏单选框的搜索框</td>
</tr>
<tr>
<td>disable_search_threshold</td>
<td>0</td>
<td>少于 n 项时隐藏搜索框</td>
</tr>
<tr>
<td>enable_split_word_search</td>
<td>true</td>
<td>是否开启分词搜索,默认开启</td>
</tr>
<tr>
<td>inherit_select_classes</td>
<td>false</td>
<td>是否继承 select 元素的 class,如果设为 true,Chosen 将把 select 的 class 添加到容器上</td>
</tr>
<tr>
<td>max_selected_options</td>
<td>Infinity</td>
<td>最多选择项数,达到最大限制时会触发 chosen:maxselected 事件</td>
</tr>
<tr>
<td>no_results_text</td>
<td>"No results match"</td>
<td>没有搜索到匹配项时显示的文字</td>
</tr>
<tr>
<td>placeholder_text_multiple</td>
<td>"Select Some Options"</td>
<td>多选框没有选中项时显示的占位文字</td>
</tr>
<tr>
<td>placeholder_text_single</td>
<td>"Select an Option"</td>
<td>单选框没有选中项时显示的占位文字</td>
</tr>
<tr>
<td>search_contains</td>
<td>false</td>
<td>搜素包含项,默认从第一个字符开始匹配</td>
</tr>
<tr>
<td>single_backstroke_delete</td>
<td>true</td>
<td>多选框中使用退格键删除选中项目,如果设为 false,第一次按 delete/backspace 会高亮最好一个选中项目,再按会删除该项</td>
</tr>
<tr>
<td>width</td>
<td>Original select width.</td>
<td>Chosen 生成的选择框宽度,默认为和原 select 宽度保持一致</td>
</tr>
<tr>
<td>display_disabled_options</td>
<td>true</td>
<td>是否显示禁止选择的项目</td>
</tr>
<tr>
<td>display_selected_options</td>
<td>true</td>
<td>多选框是否在下拉列表中显示已经选中的项</td>
</tr>
</tbody>
</table>
<h2><a id="user-content-属性2" href="https://github.com/amazeui/chosen/blob/master/docs/options.md#%E5%B1%9E%E6%80%A7"></a>属性</h2>
<p>可以通过在 <select> 上设置属性传递给 Chosen。</p>
<div>
<pre><select class="my_select_box" data-placeholder="Select Your Options"> <option value="1">Option 1</option> <option value="2" selected>Option 2</option> <option value="3" disabled>Option 3</option> </select></pre>
</div>
<table>
<tbody>
<tr>
<th>属性</th>
<th>描述</th>
</tr>
<tr>
<td>data-placeholder</td>
<td>占位符文字 <br>
<strong>注意:</strong> 改属性会覆盖 placeholder_text_multiple 或 placeholder_text_single 选项。</td>
</tr>
<tr>
<td>multiple</td>
<td>有此属性的 select 会渲染成可以多选的 Chosen 选框</td>
</tr>
<tr>
<td>selected, disabled</td>
<td>设置选中、禁止状态,Chosen 会读取这些属性</td>
</tr>
</tbody>
</table>
<h2><a id="user-content-触发事件2" href="https://github.com/amazeui/chosen/blob/master/docs/options.md#%E8%A7%A6%E5%8F%91%E4%BA%8B%E4%BB%B6"></a>触发事件</h2>
<p>Chosen 会在源 <select> 元素上触发事件。</p>
<div>
<pre>$('.my_select_box').on('change', function(e, params) { do_something(e, params); });</pre>
</div>
<table>
<tbody>
<tr>
<th>事件</th>
<th>描述</th>
</tr>
<tr>
<td>change</td>
<td>Chosen 触发标准的 change 事件,同时会传递 selected or deselected 参数, 方便用户获取改变的选项</td>
</tr>
<tr>
<td>chosen:ready</td>
<td>Chosen 实例化完成时触发</td>
</tr>
<tr>
<td>chosen:maxselected</td>
<td>超过 max_selected_options 设置时触发</td>
</tr>
<tr>
<td>chosen:showing_dropdown</td>
<td>Chosen 下拉选框打开完成时触发</td>
</tr>
<tr>
<td>chosen:hiding_dropdown</td>
<td>Chosen 下拉选框关闭完成时触发</td>
</tr>
<tr>
<td>chosen:no_results</td>
<td>搜索没有匹配项时触发</td>
</tr>
</tbody>
</table>
<p><strong>注意:</strong>所有 Chosen 自定义事件 都包含 Chosen 实例 chosen 对象作为参数。</p>
<h2><a id="user-content-chosen-监听的事件2" href="https://github.com/amazeui/chosen/blob/master/docs/options.md#chosen-%E7%9B%91%E5%90%AC%E7%9A%84%E4%BA%8B%E4%BB%B6"></a>Chosen 监听的事件</h2>
没有合适的资源?快使用搜索试试~ 我知道了~
ASP实例开发源码-zzzcms互联网商务建站系统 asp版 (含手机) v1.5.6 Build20190428.z
共1165个文件
png:428个
asp:171个
js:156个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 137 浏览量
2022-11-15
19:22:38
上传
评论
收藏 10.98MB ZIP 举报
温馨提示
ASP实例开发源码—zzzcms互联网商务建站系统 asp版 (含手机) v1.5.6 Build20190428.zip ASP实例开发源码—zzzcms互联网商务建站系统 asp版 (含手机) v1.5.6 Build20190428.zip ASP实例开发源码—zzzcms互联网商务建站系统 asp版 (含手机) v1.5.6 Build20190428.zip
资源推荐
资源详情
资源评论
收起资源包目录
ASP实例开发源码-zzzcms互联网商务建站系统 asp版 (含手机) v1.5.6 Build20190428.z (1165个子文件)
#zzzcms.asa 1.21MB
creatsql.asp 590KB
zzz_pinyin.asp 143KB
dbsql_Import.asp 97KB
zzz_template.asp 96KB
zzz_template.asp 96KB
testsql.asp 92KB
zzz_mian.asp 58KB
index.asp 44KB
system_Edit.asp 37KB
zzz_user.asp 32KB
zzz_cache.asp 30KB
Content_Fun.asp 25KB
imgcode.asp 20KB
Content_Edit.asp 18KB
Sort_Fun.asp 18KB
updata_fun.asp 17KB
User_Fun.asp 16KB
Content_Add.asp 16KB
right.asp 15KB
site_Edit.asp 15KB
Sort_add.asp 14KB
Sort_Edit.asp 14KB
zzz_db.asp 14KB
uploads_set.asp 14KB
zzz_uploader.asp 13KB
gbook_Custom.asp 13KB
index.asp 13KB
brand_Fun.asp 13KB
brand_Edit.asp 12KB
zzz_md5.asp 12KB
login.asp 11KB
Content_List.asp 11KB
brand_Add.asp 10KB
gbook_Fun.asp 10KB
about_Edit.asp 10KB
User_Edit.asp 10KB
uploads_Fun.asp 9KB
zzz_sha256.asp 9KB
about_Fun.asp 9KB
plug_list.asp 8KB
system_Fun.asp 8KB
Custom_Fun.asp 8KB
User_Add.asp 8KB
template_list.asp 8KB
Custom_Add.asp 8KB
uploads_list.asp 8KB
html_Fun.asp 8KB
Links_List.asp 8KB
ad_Edit.asp 8KB
gbook_Edit.asp 7KB
ad_Add.asp 7KB
Slide_Edit.asp 7KB
Sort_List.asp 7KB
gbook_List.asp 7KB
html_set.asp 7KB
image_List.asp 7KB
labels_Edit.asp 7KB
sms_Edit.asp 7KB
Slide_Add.asp 7KB
zzz_class.asp 7KB
labels_Add.asp 7KB
Mobel_List.asp 7KB
template.asp 6KB
brand_List.asp 6KB
html_list.asp 6KB
Custom_Edit.asp 6KB
Custom_List.asp 6KB
zzz_json.asp 6KB
sms.asp 6KB
gbook.asp 6KB
cache_list.asp 6KB
gbook.asp 6KB
plug_Fun.asp 6KB
admin_List.asp 6KB
about_List.asp 6KB
Content_Recy.asp 6KB
user_Group_List.asp 5KB
Slide_List.asp 5KB
manager_List.asp 5KB
admin_edit.asp 5KB
tag_Fun.asp 5KB
User_List.asp 5KB
admin_Add.asp 5KB
Datebackup_List.asp 5KB
ZZZ_Config.asp 5KB
admin_Group_List.asp 5KB
tag_Edit.asp 5KB
Group_Edit.asp 5KB
labels_List.asp 5KB
Group_Add.asp 5KB
template_online.asp 5KB
ad_List.asp 5KB
Data_Fun.asp 5KB
tag_Add.asp 5KB
labels_Fun.asp 4KB
sitemap.asp 4KB
error404.asp 4KB
sms_List.asp 4KB
Slide_Fun.asp 4KB
共 1165 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论
毕业_设计
- 粉丝: 1981
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功