js技术之“input输入框转成下拉框，且保留可输入能力”

一.jsp前端控件

<td class="form-label">
   <label class="control-label">供货商货号<span class="required">*</span></label>
</td>
<td>
   <app:input id="wzwSupplierNo" placeholder="供货商货号" name="product.supplierNo"
            required="required" maxLen="24"></app:input>
    
    <%-- 常规方式也可以 --%>
    <%-- <input id="wzwSupplierNo" placeholder="供货商货号" name="product.supplierNo" maxLen="24" /> --%>
</td>

二.js技术

jQuery(document).ready(function() {
        const wzwOptions = [];
        console.log(wzwOptions)
        wzwOptions.push({id: "wzw1", text: "wzw2"})
        console.log(wzwOptions)
        $("#wzwSupplierNo").select2({
            createSearchChoice:function(term, data) {
                if ($(data).filter(function() {
                    return this.text.localeCompare(term)===0;
                }).length===0) {
                    return {
                        id:term,
                        text:term
                    };
                }
            },
            multiple: false,
            data: wzwOptions,
            allowClear : true
        });
});