用input搜索框,对ul列表中的数据进行搜索筛选

//组织ul列表数据
function searchadmin() {
        var search_text = $("#search_text").val();
        if (search_text == "") {
            $("ul li").show();
        } else {
            $("ul li").each(
                    function() {
                        var li_data = $(this).attr("data-XXXX");
                        if (li_data.indexOf(search_text) != -1) {
                            $(this).show();
                        } else {
                            $(this).hide();
                        }
                    });
        }
    }
  
  //为了特殊处理中文输入,区别对待
var cpLock = false;
  $('#search_text').on('compositionstart', function() {
    cpLock = true;
    //中文输入过程,不搜索
  });
  $('#search_text').on('compositionend', function() {
    cpLock = false;//中文输入结束,搜索
    searchadmin();
  });
  $('#search_text').on('input', function() {
    if (!cpLock) {
      searchadmin();//英文字母或数字搜索
    }
  });

发表评论

电子邮件地址不会被公开。 必填项已用*标注