zoukankan      html  css  js  c++  java
  • 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;
    	    }
    	}
    
    }
    

      

  • 相关阅读:
    Java
    Leetcode 计划
    Java虚拟机
    浅谈 MVP in Android
    【PAT】B1074 宇宙无敌加法器(20 分)
    【PAT】B1076 Wifi密码(15 分)
    【PAT】B1075 链表元素分类(25 分)
    【PAT】B1077 互评成绩计算(20 分)
    【PAT】B1078 字符串压缩与解压(20 分)
    【PAT】B1079 延迟的回文数(20 分)
  • 原文地址:https://www.cnblogs.com/GumpYan/p/13161490.html
Copyright © 2011-2022 走看看