Как обработать событие JS?

Question

[Себастьян Перейра]

Здравствуйте. Вот мой код:

<script>
  $(function() {
    $( "#slider-vertical" ).slider({
      orientation: "vertical",
      range: "min",
      min: 0,
      max: 100000,
	  step: 5000,
      value: 5000,
      slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );
      }
    });
    $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
  });
    </script>
...
<p>
  <label for="amount">Стоимость:</label>
  <input name="amount" type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" size="4">Р
</p>
 
<div id="slider-vertical" style="height:400px;"></div>

Это у меня вертикальный trackbar (пользователь водит, и выбирает стоимость по шкале). Значение ползунка выводится в input (amount).
Мне необходимо менять информацию в div'e id="bla" в соответствии от value, которое получил input (точнее встал ползунок).
Подскажите код данного функционала. Спасибо.

Answer 1

[buzzi888]

Не совсем понятен вопрос.
У вас есть value в коллбеке

slide: function( event, ui ) {
        $( "#amount" ).val(ui.value);
      }

есть элемент div'e id="bla"

В чем проблема по событию slide изменить div?

Comments

[Себастьян Перейра]

Суть в том, что я плохо разбираюсь в JS. Вот мой пример рабочий: jsbin.com/aCedAVi/1/edit
Я хочу также добавить, некоторый блок bla, где в зависимости от value input, будет менять информация. Например: value = 10000, тогда в диве "ПРивет"
if value 20000, в диве "ПРИВЕТ ПРИВЕТ"

[buzzi888]

jsbin.com/ITOtIgO/3/edit - примерно так

Answer 2

[Denis Isaychenko]

Добавляем триггер события в метод

slide: function( event, ui ) {
        $( "#amount" ).val( ui.value ).trigger('change');
}

И вешаем обработчик события

$("#amount").on('change', function() {
// наш код
});

Answer 3

[Денис Борисов]

slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );

        if(ui.value == 10000)
        {
            $("#bla").html("Десять тысяч");
        }
}