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 相关文章推荐
jQuery getJSON 处理json数据的代码
Jul 26 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
layui实现文件或图片上传记录
Aug 28 Javascript
详解vue配置后台接口方式
Mar 29 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
通过js示例讲解时间复杂度与空间复杂度
Aug 06 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 Javascript
一百多行代码实现react拖拽hooks
Mar 23 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
Zend Guard一些常见问题解答
2008/09/11 PHP
YII中assets的使用示例
2014/07/31 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
php头像上传预览实例代码
2017/05/02 PHP
prototype class详解
2006/09/07 Javascript
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
python中split方法用法分析
2015/04/17 Python
Python清空文件并替换内容的实例
2018/10/22 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
wxPython色环电阻计算器
2019/11/18 Python
简单了解python元组tuple相关原理
2019/12/02 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
本科生详细的自我评价
2013/09/19 职场文书
秋游活动策划方案
2014/02/16 职场文书
2014年评职称工作总结
2014/11/20 职场文书
房屋维修申请报告
2015/05/18 职场文书
小学安全教育主题班会
2015/08/12 职场文书
在Python中如何使用yield
2021/06/07 Python
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技
php解析非标准json、非规范json的方式实例
2022/05/10 PHP