<s:select list="newCostTypeMap" theme="simple" cssClass="myCombobox" cssStyle="width:200px" data-options="editable:false,panelHeight:'auto'" /> $('.myCombobox').combobox({ onShowPanel:function(){//面板自適應 //寬度超過500則顯示500,最小寬度顯示和下拉框的寬度一致 $(this).combobox('panel').css('display','inline-block').width('auto');//讓div根據文字內容自動適應寬度,作一行顯示 var width = $(this).combobox('panel').width(); if (width > 500) { $(this).combobox('panel').width("500"); } else if (width < 200) { $(this).combobox('panel').width("200"); } else {//解決在IE下出現滾動條的問題 $(this).combobox('panel').width(width + 20);//下拉麪板 $(this).combobox('panel').parent().width('auto');//面板外面還包裹了一層父節點 } //默認面板高度自適應,若是超出,則指定 var height = $(this).combobox('panel').height(); if (height > 200) { $(this).combobox('panel').height("200"); }else{ //$(this).combobox('panel').height("auto"); } } });