alexmixaylov,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
tr.hide{
opacity: .2;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function() {
function fn() {
$tr.forEach(function(a, e) {
selects.every(function(a, c) {
return !a.value || !!~obj.data[e].indexOf(a.value)
}) ? $(a).removeClass("hide") : $(a).addClass("hide")
})
}
var obj = {
select: {},
data: []
},
$tr = $.map($("table tbody tr"), function(tr, i) {
var data = $(tr).data();
Object.keys(data).forEach(function(key) {
if (!obj.select[key]) obj.select[key] = {};
if (!obj.data[i]) obj.data[i] = [];
obj.select[key][data[key]] = true;
obj.data[i].push(data[key])
});
return tr
}),
selects = $.map(Object.keys(obj.select).sort(),
function(s) {
var sel = $("<select/>", {
name: s,
change: fn
}).prependTo("body");
var opt = Object.keys(obj.select[s]).sort();
opt.unshift("");
$.each(opt, function(indx, item) {
$("<option/>", {
text: item,
value: item
}).appendTo(sel)
});
return sel[0]
})
});
</script>
</head>
<body>
<table>
<tbody>
<tr class="table-row item_1657" data-city="Копенгаген" data-type_e="Групповая экскурсия">
<td class="type_e">Групповая экскурсия</td>
<td class="city">Копенгаген</td>
</tr>
<tr class="table-row item_1658" data-city="Копенгаген" data-type_e="Групповая экскурсия">
<td class="type_e">Групповая экскурсия</td>
<td class="city">Копенгаген</td>
</tr>
<tr class="table-row item_1659" data-city="Хиллеред" data-type_e="Индивидуальная экскурсия">
<td class="type_e">Индивидуальная экскурсия</td>
<td class="city">Хиллеред</td>
</tr>
<tr class="table-row item_1660" data-city="Копенгаген" data-type_e="Индивидуальная экскурсия">
<td class="type_e">Индивидуальная экскурсия</td>
<td class="city">Копенгаген</td>
</tr>
<tr class="table-row item_1661" data-city="Роскильде" data-type_e="Индивидуальная экскурсия">
<td class="type_e">Индивидуальная экскурсия</td>
<td class="city">Роскильде</td>
</tr>
<tr class="table-row item_1662" data-city="Копенгаген" data-type_e="Индивидуальная экскурсия">
<td class="type_e">Индивидуальная экскурсия</td>
<td class="city">Копенгаген</td>
</tr>
</tbody>
</table>
</body>
</html>