Skip to main content
AI Assist is now on Stack Overflow. Start a chat to get instant answers from across the network. Sign up to save and share your chats.

Return to Question

added 270 characters in body; edited tags
Source Link
Van Adrian Cabrera
Van Adrian Cabrera
  • 713
  • 4
  • 9
  • 23

I want to display the dynamically value of range slider in div id="output" when on change. Thanks

  <div id="outcome_main_section"> <div id="outcome_section_2"> <div id="range_added_section"></div> <input type="submit" name="btn_submit"> <input type="button" class="add_range" value="Add Range"> </div> </div>

Javascript

 $('body').on("change",".range_slider",function (){ var range_value = $(this).val(); }); $('body').on("click",".add_range",function(){ $('#range_added_section').append ( $( '<div id="output"></div>' + '<input class="range_slider" type="range" min="1" max="100" value="1" step="1" name="range_value[range_value][]" >' ) ); });

I want to display the dynamically value of range slider in div id="output" when on change. Thanks

 $('body').on("change",".range_slider",function (){ var range_value = $(this).val(); }); $('body').on("click",".add_range",function(){ $('#range_added_section').append ( $( '<div id="output"></div>' + '<input class="range_slider" type="range" min="1" max="100" value="1" step="1" name="range_value[range_value][]" >' ) ); });

I want to display the dynamically value of range slider in div id="output" when on change. Thanks

  <div id="outcome_main_section"> <div id="outcome_section_2"> <div id="range_added_section"></div> <input type="submit" name="btn_submit"> <input type="button" class="add_range" value="Add Range"> </div> </div>

Javascript

 $('body').on("change",".range_slider",function (){ var range_value = $(this).val(); }); $('body').on("click",".add_range",function(){ $('#range_added_section').append ( $( '<div id="output"></div>' + '<input class="range_slider" type="range" min="1" max="100" value="1" step="1" name="range_value[range_value][]" >' ) ); });
Source Link
Van Adrian Cabrera
Van Adrian Cabrera
  • 713
  • 4
  • 9
  • 23

How to display range value in div on change?

I want to display the dynamically value of range slider in div id="output" when on change. Thanks

 $('body').on("change",".range_slider",function (){ var range_value = $(this).val(); }); $('body').on("click",".add_range",function(){ $('#range_added_section').append ( $( '<div id="output"></div>' + '<input class="range_slider" type="range" min="1" max="100" value="1" step="1" name="range_value[range_value][]" >' ) ); });