chosen

chosen.jquery.js 使用笔记

♀尐吖头ヾ 提交于 2019-11-29 06:41:11
chosen.jquery.js 搜索框只能从头匹配的解决思路+方法 心急者请直接看下方 总结 ,由于本问题未能找到直接答案,所以只能通过修改源码解决。故将修改源码思路贴出来供大家参考,在遇到其他改源码问题时应如何思考。 chosen.jquery.js(地址: http://harvesthq.github.io/chosen )是一款非常优秀的表单select框美化插件。它提供了一些非常实用的功能。但是在实用中却又有一些问题。 搜索从头匹配问题 首先,我们初始化一个chosen实例: html: <select data-placeholder="选择省份..." class="chosen-select" style="width:350px;" tabindex="2"> <option value="">请选择省份</option> <option value="110000" hassubinfo="true">北京</option> <option value="120000" hassubinfo="true">天津</option> <option value="130000" hassubinfo="true">河北省</option> ... </select> 1 2 3 4 5 6 7 js: <script type="text/javascript">

Chosen通用初始化

折月煮酒 提交于 2019-11-29 06:40:57
一直在用Chosen这个js插件,其目的就是美化下拉框。github地址:https://harvesthq.github.io/chosen/ no_results_text:"xxxxx" 无搜索结果时显示的文本 allow_single_deselect:true 是否允许取消选择 disable_search: true 是否有搜索框出现 max_selected_options: 当select为多选时,最多选择个数 官方说明文档地址 配置选项的官方说明文档地址 /* 功能: Chosen通用初始化 * 创建人:Brian 创建时间:2016-12-13 */ (function ($j) { var chosenTool = function (el, options) { this.opts = options; this.chosenInit(); this.chose_get_init(); this.chose_mult_set_init(this.opts.hidClassName); this.clickEvent(); return this; } chosenTool.opts = { selectId: '',//selectId hidClassName: '',//隐藏域Class placeholdertxt: '',/

chosen.jquery插件的使用

半腔热情 提交于 2019-11-29 06:40:41
前几天在jQuery官网看到了插件里面有400多个插件,看了下效果都很好,以后项目里面难免会用到。于是下了个决定,有时间把官网的插件都研究下,并简单介绍他的用法,方便以后的使用。 下面将要提到的是jQuery的chosen插件,它是对下拉select的封装,高手做出来的东西就是不错。 1.使用chosen插件,有几个文件时必须要引入的 jquery //毋庸置疑jquery必须 chosen.jquery.min.js //压缩版的chosen核心jquery代码 chosen.css //chosen 的样式文件 2.chosen的配置js代码 1 $(function () { 2   var config = { 3     '.chosen-select' : {}, 4     '.chosen-select-deselect' : {allow_single_deselect:true}, 5     '.chosen-select-no-single' : {disable_search_threshold:10}, 6     '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}, 7     '.chosen-select-width' : {width:"95%"}} 8   

jquery plugins —— Chosen

夙愿已清 提交于 2019-11-29 06:40:31
官网地址:http://harvesthq.github.io/chosen/ Chosen ( v1.4.2) Chosen has a number of options and attributes that allow you to have full control of your select boxes. Options The following options are available to pass into Chosen on instantiation. Example: $(".my_select_box").chosen({ disable_search_threshold: 10, no_results_text: "Oops, nothing found!", width: "95%" }); Option Default Description allow_single_deselect false When set to true on a single select, Chosen adds a UI element which selects the first element (if it is blank). disable_search false When set to true , Chosen will not display

chosen.jquery.js

醉酒当歌 提交于 2019-11-29 06:40:19
http://baifjece.blog.163.com/blog/static/33794654201286102519119/ ------------------首次加载设置默认选中项--------- 给select标签的option 设置selected即可 Chosen—强大的jquery模拟选择框插件 2012-09-06 10:25:19 | 分类: JQuery | 标签: chosen jquery 模拟选择 | 举报 | 字号 订阅 很久没写jquery相关的内容了。今天明河向大家推荐个相当不错的模拟选择框插件:Chosen。Chosen提供了suggest功能,强大的是实现了选项分组和多选关键词处理。 点此查看demo 点此下载 如何使用? 引入jquery库和脚本 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"type="text/javascript"></script> <script src="chosen/chosen.jquery.js" type="text/javascript"></script> 选择框html片段 <select class="chzn-select" data-placeholder="Choose a

numpy.where() 用法详解

£可爱£侵袭症+ 提交于 2019-11-28 15:40:42
numpy.where() 有两种用法: 1. np.where(condition, x, y) 满足条件(condition),输出x,不满足输出y。 >>> aa = np.arange(10) >>> np.where(aa,1,-1) array([-1, 1, 1, 1, 1, 1, 1, 1, 1, 1]) # 0为False,所以第一个输出-1 >>> np.where(aa > 5,1,-1) array([-1, -1, -1, -1, -1, -1, 1, 1, 1, 1]) >>> np.where([[True,False], [True,True]], # 官网上的例子 [[1,2], [3,4]], [[9,8], [7,6]]) array([[1, 8], [3, 4]]) 上面这个例子的条件为 [[True,False], [True,False]] ,分别对应最后输出结果的四个值。第一个值从 [1,9] 中选,因为条件为True,所以是选1。第二个值从 [2,8] 中选,因为条件为False,所以选8,后面以此类推。类似的问题可以再看个例子: >>> a = 10 >>> np.where([[a > 5,a < 5], [a == 10,a == 7]], [["chosen","not chosen"], ["chosen","not