Posted in javascript
44
12:39 pm, September 15, 2021

get the value from a range input field with javascript

this script will retrieve the current value from a range slider html input

if you want the value to only update when the slider interaction has been stopped change the oninput to onchange then it will only update the value when the interaction has stopped.

HTML

<input type="range" id="pixels" name="pixels" min="0" max="10" oninput="check_slider('pixels_val','pixels');">
<input type="text" id="pixels_val" name="pixels_val">

Javascript

function check_slider(text_id,range_id) {
  document.getElementById(text_id).value=document.getElementById(range_id).value; 
}

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in javascript
change the box-shadow of an element with javascript boxShadow change the background color of an element with javascript adding a new line in javascript javascript update item in object change the border radius of an element with javascript only change padding of element with javascript get the value from a range input field with javascript twitter json feed testing center mode slick zoom testing gallery carousel center mode old browser check with javascript check browser version and show a message using clamp js to clamp lines of text add a gtag.js pdf click event ajax callback to delete with sweet alert confirmation to make it cool! 😎 prevent default click event on link show the browsers name in javascript json test objects (or arrays) loop through a complex object json javascript load json with vanilla javascript no jquery set active class based on url value check if a variable is undefined or NULL fancybox image popout easy check box highlight text area css validate an email address from a form field - version 2 check if a checkbox is checked with javascript form submit override with javascript submit a form with javascript onclick dropdown change input box on select Slick Slider Carousel with Fade Transition clear a input field when it looses focus using onblur javascript page redirect page scroll indicator research replacement slider for ken wheeler's slick carousel tiny slider 2 [testing] change a select box back to its initial select value select onchange add years as options to select dropdown using moment.js to make your time format nicer loop through object json javascript set the html of an element javascript get the value of an input form element (input value) minutes to decimal calculator javascript version check if a certain query string is set then apply it to all url's on the page check if a query string item is set in the current url append a query string to all url's on a page slick carousel jump to a slide on element hover Adding HTML Templates into TinyMCE Editor How to set a cookie and expire it in 30 days enable dark mode in tinymce codemirror htmlmixed textarea
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

âĪðŸ‘Đ‍ðŸ’ŧðŸ•đ

Random Quote
Old programmers never die; they just lose some of their functions.