Измените текст на div, если измените значение ввода JS

0

Этот мой код:

 <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>

HTML

<p>
  <label for="amount">Стоимость:</label>
  <input name="amount" type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" size="4">Р
</p>

Это трекбол. Я хочу изменить текст на div, когда изменяется значение ввода. Pls, помощь с js-кодом.

  • 0
    Пожалуйста, переформатируйте ваш код
  • 0
    Я не понимаю, какой div?
Теги:

2 ответа

1

Дайте div ID, скажем, "результат",

Затем в под $ ("# amount"). Val (ui.value) ;, добавьте:

document.getElementById('result').innerHTML=ui.value;

(Edited)

  • 0
    Любая причина, почему голосование против? Помоги мне улучшить мой ответ в следующий раз. Благодарю.
  • 0
    Хорошо, тогда используйте document.getElementById ('result'). InnerHTML = ui.value. Почему люди придерживаются синтаксиса jQuery даже для самых тривиальных задач? И спасибо BlackSheep за указание на это.
0

В вашем примере я не вижу <div id="slider-vertical"></div> для вертикального слайдера в вашем HTML. В противном случае ваш код выглядит нормально и работал для меня в этом jsbin: http://jsbin.com/aCedAVi/1/edit

  • 0
    Код правильный - да. Я хочу видеть следующее: если значение 5000 - тогда <div id = bla> привет </ div>, если значение 10000 - тогда <div id = bla> ПРИВЕТ ВТОРОЙ !! </ div> ...
  • 0
    Боюсь, я не правильно понял вопрос. Не могли бы вы добавить <div>, который вы хотите изменить, в разделе HTML вашего вопроса и уточнить, что и что вы хотели бы видеть в этом div и когда.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню