如何获取 chosen chosen.jquery.js 选中的值
来源:互联网 发布:广州轩辕网络怎么样 编辑:程序博客网 时间:2024/05/17 06:27
作为一款高级表单插件,chosen.jquery.js应该获得了不少的使用者,但在使用上可能会碰到不少问题,一个很重要的问题就在chosen select的取值上。
我们从页面引用chosen说起,
1).引用chosen.jquery.js
css:chosen.css,bootstrap.min.css?v=3.3.6,font-awesome.css?v=4.4.0
js:jquery.min.js?v=2.1.4,bootstrap.min.js?v=3.3.6,chosen.jquery.js
2).chosen 的html标签
<div class="form-group"> <label class="font-noraml">多选</label> <div class="input-group"> <select id="cse" data-placeholder="选择省份" class="chosen-select" multiple style="width:350px;" tabindex="1" onchange=""> <option value="">请选择省份</option> <option value="310000" hassubinfo="true">上海</option> <option value="320000" hassubinfo="true">江苏省</option> <option value="330000" hassubinfo="true">浙江省</option> <option value="340000" hassubinfo="true">安徽省</option> <option value="350000" hassubinfo="true">福建省</option> <option value="990000" hassubinfo="true">海外</option> </select> </div> </div>
3).初始化chosen
<pre name="code" class="javascript">var config = { '.chosen-select': {}, '.chosen-select-deselect': { allow_single_deselect: true }, '.chosen-select-no-single': { disable_search_threshold: 10 }, '.chosen-select-no-results': { no_results_text: '找不到数据!' }, '.chosen-select-width': { width: "95%" }}for (var selector in config) { $(selector).chosen(config[selector]);}
4).取值
<script language="javascript"> $(document).ready(function(){ //chosen初始化 //$(".chosen-select").chosen(); //多选select 数据同步 chose_get_ini('#cse'); //change 事件 $('#cse').change(function(){ alert(chose_get_value('#cse')); //console.log(chose_get_value('#cse')); alert(chose_get_value('#cse') + ' : '+ chose_get_text('#cse')); }); }); //select 数据同步 function chose_get_ini(select){ $(select).chosen().change(function(){$(select).trigger("liszt:updated");}); } //select value获取 function chose_get_value(select){ return $(select).val(); } //select text获取,多选时请注意 function chose_get_text(select){ return $(select+" option:selected").text(); } </script>
在对chosen的下拉框做数据初始化或者通过js给下拉框插入option之后都需要更新chosen:
$(select).trigger("liszt:updated");
0 0
- 如何获取 chosen chosen.jquery.js 选中的值
- 如何获取 chosen chosen.jquery.js 选中的值
- Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值
- jquery chosen 默认选中及事件的问题
- chosen jquery
- chosen.jquery
- chosen.jquery.js 搜索框实现模糊搜索 chosen-select
- Chosen
- jquery插件chosen的使用
- Jquery chosen动态设置值
- 去除jquery.chosen.min.js样式的方法
- jquery.chosen.js实现模糊搜索
- 下拉框搜索功能chosen.jquery.js
- jquery.chosen.js实现模糊搜索
- jQuery Chosen 选择框下拉值无法重置的问题
- 禁用jQuery chosen的选择下拉菜单
- chosen.jquery 插件 动态设置下拉选项被选中selected
- Jquery chosen动态设置值实例介绍
- MATLAB之pcolor—绘制伪彩色图
- Android中子线程真的不能更新UI吗?
- web缓存技术
- Android 轻松实现 RecyclerView 悬浮条
- iBATIS动态标签
- 如何获取 chosen chosen.jquery.js 选中的值
- adb 命令模拟按键事件
- kettle(6.0)如何连接远程集群(CDH5.1)?
- Android修改默认通话音量
- 深入分析 iBATIS 框架之系统架构与映射原理
- 一个tomcat多个实例问题
- 安装PHP-FPM
- 使用jar包get、post方式提交
- CODEVS 1063合并果子