关于#javascript#的问题：mui想做可输入又可弹出下拉框的输入框，用datalist做，到手机上因为适配问题很多手机都不支持

mui想做可输入又可弹出下拉框的输入框，类似百度的那种，用datalist做，模拟器可以，到手机上因为适配问题很多手机都不支持，弹不出来。

有没有做过类似的，或者其他控件做的也行，能做出来就行。

            <div class="mui-row" style="margin: 10px;">
                                <div class=" mui-col-sm-6 mui-col-xs-3">所属小区:div>
                                <div class="mui-col-sm-6 mui-col-xs-6.5" style="text-align: left;">                                    
                                    <input list="village" id="liv" placeholder="请选择或输入" style="height: 40px;width:190px;background:#EDF4FE;display:inline-block;border:gainsboro solid 1px;padding-left: 10px;" />    
                                    
                                    <datalist id="village" type="div">                                        
                                    datalist>
                                    
                                div>
                        
                            div>

    function getVillages(){
                    let com=$('#company option:selected').val();//获取的公司名字
                    let companyValue=$('#company').val();//获取的公司id    
                    //console.log("***********************");
                    ajax({countyName: countyNamed,comId:$('#company').val()}, "/URL", function(res) {                        
                        let datad = res.data;    
                        //console.log("datad"+JSON.stringify(datad));
                        localStorage.setItem("villageData", JSON.stringify(datad)); //公司id    
                        for (var i = 0; i < datad.length; i++) {
                            //html += `'` + data[i].name + `'>` + ``    
                            //console.log("更改完后============================="+data[i].id+",==="+ data[i].name);
                            htmlvillage += `'` + datad[i].id + `' value='` + datad[i].name + `'>` + ``
                            //htmlvillage += `'` + datad[i].id + `'>` + datad[i].name +``
                        }
                        //htmlvillage +=''
                         $("#village").html(htmlvillage);
                        //aa(htmlvillage);
                        
                    });
                }
        document.getElementById('liv').addEventListener('click', function liva() {
                    getVillages();}

input + ul li 模拟这中控件试试