可輸入下拉框，jquery.editable-select

可輸入下拉框

//須引入jquery和以下
<link rel="stylesheet" type="text/css" href="jquery.editable-select.min.css"/>
<script type="text/javascript" src="jquery.editable-select.min.js"></script>


<select class="form-control" name="entity.contractCode" id="contractCode" value="${entity.contractCode}">
 <s:iterator value="contractCodeList">
    <s:if test="not empty entity.contractCode">
        <option value="${entity.contractCode}" selected>${entity.contractCode}</option>
    </s:if>
    <s:else>
        <option value="${value}">${value}</option>
    </s:else>
</s:iterator>
</select>

setSelectedOption("#contractCode",contractCode);
$('#contractCode').editableSelect({
    effects: 'slide',
    //可選參數default、fade
    filter: false,// 不過濾，否則選中后其它選項消失
});


function setSelectedOption(selector, value){
    if (value.length !=0) {
        $(selector +" > option[value='"+value+"']").attr("selected",true);
    }
}