关于Combo的代码:
<select id="combo_select" style="width:150px"></select> <div id="combo_select_options"> <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(){ $('#combo_select').combo({ required:true, editable:true, value:'请选择一门语言', keyHandler: { up: function(){alert(1)}, down: function(){alert(2)}, enter: function(){alert(3)}, query: function(q){alert(4)} } }); $('#combo_select_options').appendTo($('#combo_select').combo('panel')); $('#combo_select_options input').click(function(){ var v = $(this).val(); var s = $(this).next('span').text(); $('#combo_select').combo('setValue', v).combo('setText', s).combo('hidePanel'); }); }); </script>
渲染