jQuery+easyui中的combobox实现下拉框特效


Posted in Javascript onFebruary 27, 2015

1.第一种写法:Input框中显示:

<input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 

2. 第二种用法,在list列表中显示:

<th data-options="field:'lb',editor:{type:'combobox',options:{data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}],valueField:'value',textField:'text'}}">类别</th> 

3. 第二种的另一种写法:

<th field="level" editor="{   

    type:'combobox',    

    options:{  

        data:[    

            {'value':'1','text':'java'},  

            {'value':'2','text':'C#'}  

        ],  

    valueField:'id',    

    textField:'text'}}">    

    类别</th>

以上3种方法均可实现jQuery.easyui的下拉框特效,大家自由选择,希望小伙伴们能够喜欢

Javascript 相关文章推荐
Javascript模板技术
Apr 27 Javascript
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
javascript中创建对象的几种方法总结
Nov 01 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
js统计页面上每个标签的数量实例代码
May 29 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
原生js实现随机点餐效果
Dec 10 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 Javascript
asp.net+js实现金额格式化
Feb 27 #Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 #Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 #Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 #Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 #Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 #Javascript
Javascript writable特性介绍
Feb 27 #Javascript
You might like
PHP中的extract的作用分析
2008/04/09 PHP
比较时间段一与时间段二是否有交集的php函数
2011/05/31 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
PHP 验证登陆类分享
2015/03/13 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
srcElement表格样式
2006/09/03 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
向JavaScript的数组中添加元素的方法小结
2015/10/24 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
微信小程序中weui用法解析
2019/10/21 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
python 禁止函数修改列表的实现方法
2017/08/03 Python
Python3.6简单操作Mysql数据库
2017/09/12 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
简述DNS进行域名解析的过程
2013/12/02 面试题
毕业生教师求职信
2013/10/20 职场文书
给同学的道歉信
2014/01/16 职场文书
家长通知书教师评语
2014/04/17 职场文书
高三英语教学反思
2016/03/03 职场文书
合作意向书怎么写
2019/06/24 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫