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 css styleFloat和cssFloat
Mar 15 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
Vue实现点击时间获取时间段查询功能
Aug 21 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
解决Vue @submit 提交后不刷新页面问题
Jul 18 Javascript
Vue切换Tab动态渲染组件的操作
Sep 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多图上传小程序代码
2011/07/17 PHP
destoon二次开发入门示例
2014/06/20 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
PHP微信开发之查询微信精选文章
2016/06/23 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
java script编程起步(第三课)
2007/01/10 Javascript
Js之软键盘实现(js源码)
2007/01/30 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
python调用cmd命令行制作刷博器
2014/01/13 Python
小小聊天室Python代码实现
2016/08/17 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
css3学习系列之移动属性详解
2017/07/04 HTML / CSS
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
护理专业学生的求职信范文
2013/12/11 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
商场父亲节活动方案
2014/08/27 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
党员个人整改措施
2014/10/24 职场文书
教师师德师风整改措施
2014/10/24 职场文书
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫