Показать сообщение отдельно
  #3 (permalink)  
Старый 05.04.2017, 13:55
Интересующийся
Отправить личное сообщение для seotapki Посмотреть профиль Найти все сообщения от seotapki
 
Регистрация: 27.08.2016
Сообщений: 28

Сообщение от ksa Посмотреть сообщение
Просто выключи не нужные и оставь нужный.


У всех вкл/выкл элементов должен быть единый класс... Или родитель. При событии изменения селекта нужно выключить все однотипные элементы, а потом включить нужный.
Первый вариант сделал так, но не знаю на сколько это правильно:

<select name="choose" id="choose" class="input-select">
				  <option value="nul" selected disabled>Выберите:</option>
				  <option value="opt1">Владивосток</option>
				  <option value="opt2">Уссурийск</option>
				<!--  <option value="opt3">Арсеньев</option>-->
				</select>


<section class="jqueryOptions opt1">
        		
	        </section>


	<script>
	    $(function() {
  $('.jqueryOptions').hide();
  $('.opt1').show();

  $('#choose').change(function () {
    $('.jqueryOptions').slideUp();
    $('.jqueryOptions').removeClass('current-opt');
    $("." + $(this).val()).slideDown();
    $("." + $(this).val()).addClass('current-opt');
  });
});
	</script>



Работает, но так правильно или нет, не знаю
Ответить с цитированием