Как привязать несколько селектов к одному JS скрипту?

Question

[Maxim Isaev]

Добрый день, есть несколько селектов (выполняют роль фильтров таблицы)

<select name="filter" target="TableCar">
 <select name="filterС" target="TableCar">

Для одно селекта написан JS скрипт, как его применить к двум селектам?

$(document).ready(function () {
    $('select[name=filter]').change(function () {
        var element = $(this);
        var targetName = element.attr('target');
        var selectedId = element.val();
        var tableBody = $('[name=' + targetName + ']').find('tbody');
        tableBody.find('tr').show();
        if (selectedId != 0) {
            var rowsToHide = tableBody.find('tr[idtrans!=' + selectedId + ']');
            rowsToHide.hide();
        }
    });
});

Answer 1

[Роман Морозов]

<select name="filter" target="TableCar" class="select">
 <select name="filterС" target="TableCar" class="select">

$(document).ready(function () {
    $('.select').change(function () {
        var element = $(this);
        var targetName = element.attr('target');
        var selectedId = element.val();
        var tableBody = $('[name=' + targetName + ']').find('tbody');
        tableBody.find('tr').show();
        if (selectedId != 0) {
            var rowsToHide = tableBody.find('tr[idtrans!=' + selectedId + ']');
            rowsToHide.hide();
        }
    });
});

Comments

[Maxim Isaev]

var rowsToHide = tableBody.find('tr[idtrans!=' + selectedId + ']') <--- это id из таблицы трансмиссии для селекта 1
а еще есть idcompl <--- это id из таблицы комплектации для селекта 2
Если я делаю что-то вроде этого

$(document).ready(function () {
    $('.select').change(function () {
        var element = $(this);
        var targetName = element.attr('target');
        var selectedId = element.val();
        var tableBody = $('[name=' + targetName + ']').find('tbody');
        tableBody.find('tr').show();
        if (selectedId != 0) {
            var rowsToHide = tableBody.find('tr[idtrans!=' + selectedId + ']');
            rowsToHide.hide();
          var rowsToHide1 = tableBody.find('tr[idcompl!=' + selectedId + ']');
            rowsToHide1.hide();
        }
    });
});

Работает некорректно, выводятся не все данные. Можете подсказать?

[Maxim Isaev]

Здесь подробнее
www.cyberforum.ru/javascript-beginners/thread21741...