[werty1001]

Здравствуйте всем, перерыл весь интернет, но подобной сортировки не нашел. Все которые удалось найти работают очень криво или вообще не работают. Есть код

<select id="ids">
            <option value="#" selected>все</option>
            <option value="id1" >id1</option>
            <option value="id2" >id2</option>
            <option value="id3" >id3</option>
            <option value="id4" >id4</option>
            </select>
        
        <select id="langs">
        <option value="#" selected>все</option>
        <option value="lang1" >lang1</option>
        <option value="lang2" >lang2</option>
        <option value="lang3" >lang3</option>
        <option value="lang4" >lang4</option>
        </select>
        
        <select id="procs">
        <option value="#" selected>все</option>
        <option value="proc1" >proc1</option>
        <option value="proc2" >proc2</option>
        <option value="proc3" >proc3</option>
        <option value="proc4" >proc4</option>
        </select>
        
                    <div id='d-contents'>
                    
                    <div class="id1 lang3 proc2"> <a href="###" ><img src="###.jpg"/></a> <a href="###">Зоголовок</a> <div>текст</div></div>
                
                <div class="id2 lang2 proc4"> <a href="###" ><img src="###.jpg"/></a> <a href="###">Зоголовок</a> <div>текст</div></div>
                
                <div class="id3 lang1 proc4"> <a href="###" ><img src="###.jpg"/></a> <a href="###">Зоголовок</a> <div>текст</div></div>
    
    и еще сотня подобных дивов с разными параметрами в class...
                </div>

может кто подскажет как реализовать сортировку div элементов в зависимости от выбора select-ов, чтобы изначально на странице были все дивы, но если выбрать например в select id="ids" option value="id3" то на странице остались бы только те div в классе которых есть id3, думаю понятно, желательно, чтобы селекты не мешали друг другу. Если кто поможет , большое спасибо.