<input id="box" />  <script>    $(function () {      //JS 加載調用      $('#box').combo({        required : true,        multiple : true,      });    });  </script>

<script>    $('#box').combo({      width : 300,      height : 50,      panelWidth : 300,      panelHeight : 200,      disabled : false,      hasDownArrow : false,      delay : 50,      editable : true,      readonly : false,      required : true,      multiple : true,    });  </script>

 <script>    $('#box').combo({      required : true,      multiple : true,      onShowPanel : function () {        alert('下拉的時候觸發！');      },      onHidePanel : function () {        alert('下拉面板隱藏的時候觸發！');      },      onChange : function () {        alert('字段值改變的時候觸發！');      },    });  </script>

//返回屬性對象    console.log($('#box').combo('options'));    //返回下拉面板對象    console.log($('#box').combo('panel'));    //返回文本框對象    console.log($('#box').combo('textbox'));    //銷毀組件    $('#box').combo('destroy');    //禁用和啟用    $('#box').combo('disable');    $('#box').combo('enable');    //調整到默認寬度    $(document).click(function () {      $('#box').combo('resize', 'width');    });    //顯示下拉面板    $(document).click(function () {      $('#box').combo('showPanel');    });    //隱藏下拉面板    $('#box').combo('hidePanel');    //啟用禁用，true 可不填，false 則為不啟用    $('#box').combo('readonly',true);    //驗證文本框內的值是否合法    $(document).click(function () {      console.log($('#box').combo('isValid'));    });    //清空文本框內容    $(document).dblclick(function () {      $('#box').combo('clear');    });    //重置文本框到初始狀態    $(document).dblclick(function () {      $('#box').combo('reset');    });    //得到文本框字符串    $(document).click(function () {      console.log($('#box').combo('getText'));    });    //設置文本框字符串    $(document).click(function () {      console.log($('#box').combo('getText'));    });    //獲取組件的 Value 值    $(document).click(function () {      console.log($('#box').combo('getValue'));      console.log($('#box').combo('getValues'));    });    //可以使用$.fn.combo.defaults 重寫默認值對象。