easy-ui的combobox做可编辑下拉框

 

//*********************jquery-ui和easy-ui中的dialog冲突,需修改easy-ui里面的dialog函数名(因项目中用到的删除对话框都是用jquery-ui做的,所以改easy-ui比较方便)*******************
<script src="plugins/jqueryui/jqueryui/jquery-1.9.1.js" type="text/javascript"></script>
<script src="plugins/jquery-ui.js"></script>
<link rel="stylesheet" href="plugins/jqueryui/themes/default/combobox.css"/>
<link rel="stylesheet" href="plugins/jqueryui/themes/default/combo.css"/>
<script src="plugins/jqueryui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="plugins/plugins/jquery.combobox.js" type="text/javascript"></script>

js代码:

<script type="text/javascript">
$(function(){
var stssId=$("#stssId").val();  //stssId为下拉框id
$("#stssId").combobox({
onChange: function (stssId) {
if(!isNaN(stssId)){
if(stssId!=0 && stssId!=""){
$("#stssId").find("option[value='"+stssId+"']").attr("selected",true); //选中，为了给保存时赋值...
}
}
}
});
});
</script>

html代码:

<select name="supId" id="stssId">
<option value="0" >-请选择-</option>
<s:iterator value="#request.suppliersList" var="su">
<option value="${su.supId}" ${su.supId==request.sup_id?'selected':''}>${su.supName}</option>   //${su.supId==request.sup_id?'selected':''}????
</s:iterator>
</select>