我正在根据用户从下拉菜单中选择的值过滤数据并在html容器中显示结果。我可以获取所选的值,但之后无法继续,比如如何在html数据中查询所选的值并相应地显示结果。下面的JSFiddle供快速参考。提前感谢您的帮助/指导。
Fiddle
jQUERY公司

function filterData(select1, select2, select3, select4){
           select1 = $("#business option:selected").text();
           select2 = $("#geography option:selected").text();
           select3 = $("#technology option:selected").text();
           select4 = $("#strategy option:selected").text();
  alert('a - ' + select1 + '; b - ' + select2 + '; c - ' + select3 + '; d - ' + select4);

};
$("#searchBtn").on("click", function(){
  filterData();
});

最佳答案

检查下面更新的小提琴。你必须在验证部分工作。。例如,如果用户没有选择任何值等。。
Fiddle

$(".ui-list li").each(function(){
    if($(this).text().toLowerCase().search(new RegExp(select1, "i")) < 0 && $(this).text().toLowerCase().search(new RegExp(select2, "i")) < 0 && $(this).text().toLowerCase().search(new RegExp(select3, "i")) < 0 && $(this).text().toLowerCase().search(new RegExp(select4, "i")) < 0){
      $(this).fadeOut();
    } else{
      $(this).fadeIn();
    }
  })
}

09-11 06:45
查看更多