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中void(0)的具体含义解释
Aug 02 Javascript
异步加载script的代码
Jan 12 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
在Javascript中处理字符串之big()方法的使用
Jun 08 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
解决vue 子组件修改父组件传来的props值报错问题
Nov 09 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
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/09/16 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
PHP获取文件行数的方法
2015/06/10 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
js与运算符和或运算符的妙用
2014/02/14 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
vue请求服务器数据后绑定不上的解决方法
2019/10/30 Javascript
JavaScript实现移动端带transition动画的轮播效果
2020/03/24 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
python数据处理实战(必看篇)
2017/06/11 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
快速了解Python相对导入
2018/01/12 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
np.random.seed() 的使用详解
2020/01/14 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
银行求职信怎么写
2014/05/26 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
python中的3种定义类方法
2021/11/27 Python
P站美图推荐——变身女主角特辑
2022/03/20 日漫