easyui中自定义下拉框的使用
Posted 我就不吃芹菜
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了easyui中自定义下拉框的使用相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Combo - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../demo.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> </head> <body> <h2>Basic Combo</h2> <p>Click the right arrow button to show drop down panel that can be filled with any content.</p> <div style="margin:20px 0"></div> <select id="cc" style="width:150px"></select> <div id="sp"> <div style="color:#99BBE8;background:#fafafa;padding:5px;">Select a language</div> <div style="padding:10px"> <input type="radio" name="lang" value="01"><span>Java</span><br/> <input type="radio" name="lang" value="02"><span>C#</span><br/> <input type="radio" name="lang" value="03"><span>Ruby</span><br/> <input type="radio" name="lang" value="04"><span>Basic</span><br/> <input type="radio" name="lang" value="05"><span>Fortran</span> </div> </div> <script type="text/javascript"> $(function(){ $(‘#cc‘).combo({ required:true, editable:false }); $(‘#sp‘).appendTo($(‘#cc‘).combo(‘panel‘)); $(‘#sp input‘).click(function(){ var v = $(this).val(); var s = $(this).next(‘span‘).text(); $(‘#cc‘).combo(‘setValue‘, v).combo(‘setText‘, s).combo(‘hidePanel‘); }); }); </script> </body> </html>
以上是关于easyui中自定义下拉框的使用的主要内容，如果未能解决你的问题，请参考以下文章
easyui 下拉列表只能选中第一个，就是能看到下拉框的值，可是你选择那个它框框里都是第一个