Javascript 如何使用jQuery过滤数据并在静态HTML中显示？

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

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();
});

---

如果您想在任何Div或其他标记中编写HTML

然后，您需要使用编写HTML代码，如下所示：

      var htmldata = $("#selectboxid option:selected").text();

下面的代码用于编写HTML，如果div已经包含其他HTML标记，则需要先清空HTML，然后使用此代码

         $("#divid").empty();
         $("#divid").html(htmldata);

---

检查下面更新的小提琴。您将必须处理验证部分。。例如，如果用户未选择任何值等

$（“.ui列表li”）。每个（函数（）{
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（）；
}否则{
$（this.fadeIn（）；
}
})           
}

@Rahul…仔细阅读问题…问题不是要添加HTML。。。。这是关于将数据与现有HTMLhanks Rahul中的数据进行匹配，您能否编辑JSFIDLE并添加您的方法，我无法实现您的逻辑。谢谢Nitesh。这正是我想进一步推动的。

$(".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();   
    }
  })           
}