jQuery Combo panel

<div class="demo-info" style="margin-bottom:10px">
  <div class="demo-tip icon-tip"></div>
  <div>Click the right arrow button to show drop down panel that can be filled with any content.</div>
 </div>
 <select id="cc" style="width:150px"></select>
 <div id="sp">
  <div style="color:#99BBE8;background:#fafafa;padding:5px;">Select a language</div>
  <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>

 

 

$(function(){
   $('#cc').combo({
    required:true,
    editable:false//定义时是否支持多种选择
   });
   $('#sp').appendTo($('#cc').combo('panel'));//将弹出的panel添加到'#sp'
   $('#sp input').click(function(){
    var v = $(this).val();
    var s = $(this).next('span').text();
    $('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
   });
  });