Change text on div, if change value of input JS

Question

This my code:

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

This is trackbar. I want to change text on div, when change value of input. Pls, help with js code.

Please reformat your code

Andy Holmes
– Andy Holmes

2014-01-19 20:51:03 +00:00
Commented Jan 19, 2014 at 20:51 — Andy Holmes
– Andy Holmes, Commented Jan 19, 2014 at 20:51
I don't understand, which div?

kapa
– kapa

2014-01-19 20:53:37 +00:00
Commented Jan 19, 2014 at 20:53 — kapa
– kapa, Commented Jan 19, 2014 at 20:53

Schien · Accepted Answer · 2014-01-19 21:45:04Z

1

Give the div an ID, say, "result",

Then in under $("#amount").val(ui.value);, add:

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

(Edited)

edited Jan 19, 2014 at 21:45

answered Jan 19, 2014 at 20:54

Schien

3,9231 gold badge20 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Schien Over a year ago

Any reason why the down vote? Help me improve my answer next time. Thanks.

Schien Over a year ago

Well, then use document.getElementById('result').innerHTML=ui.value. Why do people stick to jQuery syntax for even the most trivial tasks? And thank you BlackSheep for pointing this out.

Petr Volny · Accepted Answer · 2014-01-19 21:02:04Z

0

In your example I do not see a <div id="slider-vertical"></div> for the vertical slider in your HTML. Otherwise, your code seems ok and worked for me in this jsbin: http://jsbin.com/aCedAVi/1/edit

answered Jan 19, 2014 at 21:02

Petr Volny

5693 silver badges12 bronze badges

2 Comments

user3111350 Over a year ago

code is right - yes. I want see next: if value 5000 - then <div id=bla>hello</div> if value 10000 - then <div id=bla>HELLO TWO!!</div> ...

Petr Volny Over a year ago

I am afraid I don't understand the question properly. Can you please add the <div> you want to change in the HTML section of your question and elaborate on what and would you like to see in that div and when.

Collectives™ on Stack Overflow

Change text on div, if change value of input JS

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related