Показать сообщение отдельно
  #1 (permalink)  
Старый 03.04.2020, 13:05
Аспирант
Отправить личное сообщение для emptyindorill Посмотреть профиль Найти все сообщения от emptyindorill
 
Регистрация: 16.02.2012
Сообщений: 73

Выбор активного элемента через селект
Добрый день!

Есть такая конструкция:
<div class="recomendation">
 <select id="" name="">
  <option selected="selected" value="01">1</option>
  <option value="02">02</option>
 </select>

 <div class="detail-use__tab" data-id="01" style="display:block;">01 info</div>
 <div class="detail-use__tab" data-id="02">02 info</div>
</div>


Надо что бы при выборе определенной опции, выводился блок у которого dat-id совпадает с value опции.

Пробую так:
$(document).ready(function() {
	$('.recomendation select').change(function(){
		var el = $(this).val();
			  $('.detail-use__tab').css('display','none');
			  $('.detail-use__tab'+el).css('display','block');
			
	});
});


Подскажите пожалуйста, как это правильно сделать? Делаю первый раз, надо ли в var указывать значения?

Спасибо!
Ответить с цитированием