js 下拉框實現去重 & layui可輸入可搜索的下拉框


從后台獲取的下拉框數據存在重復,可以采用下面的方法去重

// 下拉框去除重復
$("select").each(function(i,n){
    var options = "";
    $(n).find("option").each(function(j,m){
        if(options.indexOf($(m)[0].outerHTML) == -1)
        {
            options += $(m)[0].outerHTML;
         }
    });
     $(n).html(options);
});    

  

可輸入的下拉框,能輸入,也能搜索

form.on('select(solution_selection)', function (data) {   //選擇 賦值給input框
	$("#solution_input").val(data.value);
	$("#solution_selection").next().find("dl").css({ "display": "none" });
	form.render();
});

window.solution = function () {
	var value = $("#solution_input").val();
	$("#solution_selection").val(value);
	form.render();
	if (value != '') {
	  $("#solution_selection").next().find("dl").css({ "display": "block" });
	}
    var dl = $("#solution_selection").next().find("dl").children();
	var j = -1;
	for (var i = 0; i < dl.length; i++) {
		if (dl[i].innerHTML.indexOf(value) <= -1) {
	   		dl[i].style.display = "none";
	   		j++;
		}
	    if (j == dl.length-1) {
	       $("#solution_selection").next().find("dl").css({ "display": "none" });
	    }
	   	if (dl[i].innerHTML == (value)) {
	      $("#solution_selection").next().find('dl').css({"display":"none"});
	      continue;
	    }
	}

}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM