ecology8将选择框整合至输入框

Posted 2021-03-03 lroy

将选择框整合给输入框，以提供备选字符串

$(function () {
    addSelectToInput("field30090",["已办","待办"]);
});

/**
 * 将选择框整合至输入框（谷歌完美支持，IE、Safari无效）
 * @param {String} fieldId 字段id
 * @param {Array} data 选择框选项值，eg:["已办","待办"]
 */
function addSelectToInput(fieldId,data){
    var datalist = ‘<datalist id="dataListForSelect">‘;//构造datalist
    for(let i=0,len=data.length;i<len;i++){
        datalist+=‘<option value="‘+data[i]+‘" />‘;
    }
    $("#"+fieldId).after(datalist);//添加<datalist>元素在input之后
    $("#"+fieldId).attr("autocomplete", "off");//设置input不记录历史
    document.getElementById(fieldId).setAttribute("list", "dataListForSelect");//将list关联给input 
}