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

前端技术 2023/09/03 JavaScript

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的下拉框特效,大家自由选择,希望小伙伴们能够喜欢

本文地址:https://www.stayed.cn/item/6500

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。