Как изменив класс элемента, изменить его js код?

Question

[del993788]

Доброго времени суток. Не могу разобраться как это сделать. Суть: Есть форма. Есть выпадающий список и есть числовой отрезок (м2 и млн р) . Давайте обратим внимание на этот отрезок. Он сделан из jqueryui.com/slider/#range и имеет такой html код

<div class="slider-range"></div>
<input type="text" id="amount" readonly>
<input type="text" id="amount1" readonly>

Сами числовые значения этого отрезка берутся из js

$(function() {
    $( ".slider-range" ).slider({
      range: true,
      min: 10,
      max: 120,
      values: [ 40, 60 ],
      step: 2,
      slide: function( event, ui ) {
        $( "#amount" ).val( ui.values[ 0 ] + "м2");
        $( "#amount1" ).val( ui.values[ 1 ] + "м2");
      }
    });
    $( "#amount" ).val( + $( ".slider-range" ).slider( "values", 0 ) + "м2")
     $( "#amount1" ).val( + $( ".slider-range" ).slider( "values", 1 ) + "м2")
  });

Задумка такая: Когда я меняю значение в пункте "что" на земельный участок, то js код в числовом отрезке должен обрести другую форму. Поменяются значения min,max,values и step, а так же "м2" изменится на ар (сотка). Забудем про select. Само изменение через select не столь важно, важно просто само изменение через любое действие (на пример кнопка). Я подумал, что если добавить еще один js код с новыми параметрами и дать ему значение slider-range2, а в html просто менять класс через toggleClass, то я получу, то что я хочу... Ничего подобного. Изменяя стиль, параметры отрезка не меняются. Я так понимаю, что если js запущен, то его не переключить. Подскажите, что можно сделать в моём случае?

Answer 1

[Bounti]

qqignatqq попробуйте создать глобальную переменную например,
var go = {};
и у него создать несколько необходимых Вам свойств например,

go.min = 200;
go.max = 300;
//etc

И тогда в этом моменте

Когда я меняю значение в пункте "что" на земельный участок, то js код в числовом отрезке должен обрести другую форму.

Вам придётся просто поменять значение данных глобальных переменных (а по сути это свойства глобальной переменной-объекта).

Comments

[del993788]

cs627417.vk.me/v627417518/7d95/kZbKJjLj58g.jpg

[del993788]

Вы не знаете никакого рабочего примера? Так получилось, что я ноль в js...

[Bounti]

qqignatqq: я бы может сказал бы точнее, если бы вы точнее изъяснились. а то мне не очень понятно что делается и что должно получиться.))

[del993788]

есть select и есть jquery range. когда человек меняет select то сразу же меняется и jquery range на то, в зависимости какой select выбран. человек выбирает select "земельный участок", и тут же, сразу же в разделе площадь вместо м2 отображаются сотки, меняется min и max значение jqury range, допустим,на 2 и 25, а так же values вместо 40 и 60 будет 7 и 9. Если человек передумал покупать земельный участок и выбрал опять select "квартира", то все параметры вернутся в исходное положение. скажите пожалуйста, на каком моменте вам непонятно? https://hsto.org/files/32d/23b/304/32d23b304564490...

Answer 2

[Сергей Сергей]

Проще сделать разные формы для разных типов площадей. В режиме онлайн нужно будет их только переключать. Настройка элементов, привязка формул и всякая инициализация произойдет лишь раз.

Comments

[del993788]

Я так понимаю, вы предлагаете сделать одному display block, другому display none? Но тогда мне будут приходить письма и с м2 и с сотками.

[Сергей Сергей]

qqignatqq: отсылать данные из формы, которую выберет клиент — в чем проблема?

[del993788]

изначально в диапазоне 40-60м2. клиент может оставить этот параметр не измененным. ВДруг его устроит эта площадь

[Сергей Сергей]

qqignatqq: и что? будет выбран этот диапазон, будет выслана эта форма, что дальше? я не понимаю, где здесь проблема? продублировать эти значения на форму другого типа жилья?

[del993788]

Письмо которое придёт ко мне на почту будет иметь такой вид: "Клиент хочет купить земельный участок с площадью 40-60м2, с площадью 2-4 сотки."

[Сергей Сергей]

Ведь это так просто, отправить одну форму со значениями из другой. Только не хватает еще какой земельный участок. С ремонтом, с окнами на южной стороне?