Как упростить код jquery?

Question

[oksana92]

Добрый день
Подскажите как упростить код
https://jsfiddle.net/r731hnd0/
Понимаю, что делаю что-то не так.
Так как если параметров будет 50 и более - получится куча плохого кода.
Подскажите и объясните как правильно это сделать.
Спасибо

Answer 1

[herr_kaizer]

Зачем создавать отдельные div-ы для каждого значения, если можно извлекать значения напрямую из выбранного option?

https://jsfiddle.net/uaoqe29v/1/

Comments

[herr_kaizer]

Извиняюсь, забыл сохранить jsfiddle. Обновил ответ.

Answer 2

[Алексей Уколов]

https://jsfiddle.net/koceg/fjn88xzu/2/

Я исключительно в образовательных целях оставил вашу конструкцию, но herr_kaizer совершенно правильно заметил, что смысла дублировать значения в дивах нет (если, конечно, там нет какой-то уникальной разметки, которую нельзя сгенерировать, например, описание).

Answer 3

[Сергей delphinpro]

Не нужно плодить классы (select2, b-price-item-2 и т.п.). Манипулируйте блоком как единым компонентом, и тогда вы сможете создавать их любое количество не трогая больше css- и js-код

https://jsfiddle.net/r731hnd0/1/

Answer 4

[Vasily Novosad]

Попробуйте что-то в этом роде (код не проверял):

$(function() {
  $('select').change(function () {
      // get select natural index
      var index = $(this).index() + 1;
     
     $('.b-price-item-' + index).hide();
      $('#' + $(this).val()).show();
  });
});

Comments

[Vasily Novosad]

Ваша задача: написать один обработчик, который будет манипулировать всем поведением

[oksana92]

только select как привязать к блоку с родителем, т.е когда выбираешь - применяется ко всем