我正在根据用户从下拉菜单中选择的值过滤数据并在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();
}
})
}