Getting variable from range slider javascript updated input?

Question

I have a value being updated by an HTML range slider through javascript. I need to grab this number as a variable in javascript. How can I achieve this? Here's what I have so far.

<form class="daysAR"
<label for="days">Days</label><br />
<input type="range" min="0" max="31" value="15" id="days" step="1" oninput="accountsRecievableSlider(value)">
<output for="days" id="daysInAR">15</output>
</form>

Javascript

function accountsRecievableSlider(AR) {
document.querySelector('#daysInAR').value = AR;
}

This is how I'm unsuccessfully trying to get the variable.

var selectday = document.querySelector('#daysInAR').value
document.write(selectday);

Thanks.

Could please post a js fiddle demo

Sandeep Kushwah
– Sandeep Kushwah

2015-09-16 19:51:36 +00:00
Commented Sep 16, 2015 at 19:51 — Sandeep Kushwah
– Sandeep Kushwah, Commented Sep 16, 2015 at 19:51

Farib Khojaste · Accepted Answer · 2015-09-16 19:57:00Z

2

You haven't closed the form tag. try pasting this is an empty HTML:

<form class="daysAR">
    <label for="days">Days</label><br />
    <input type="range" min="0" max="31" value="15" id="days" step="1" oninput="accountsRecievableSlider(value)">
    <output for="days" id="daysInAR">15</output>
</form>


<script type="text/javascript">
function accountsRecievableSlider(AR) {
    document.querySelector('#daysInAR').value = AR;
    var selectday = document.querySelector('#daysInAR').value
    console.log(selectday);
}
</script>

Worked for me

answered Sep 16, 2015 at 19:57

Farib Khojaste

858 bronze badges

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

2 Comments

Dis Over a year ago

I'm sorry, what did I do wrong? Your example works for me, but the only difference I see is that you wrote it to the console. Regardless thanks.

Farib Khojaste Over a year ago

I also closed the form tag and put your code inside the function.

Pierre · Accepted Answer · 2017-01-12 10:09:54Z

0

Can you check on your browser console?

On this fiddle : jsfiddle you can see an example.

window.accountsRecievableSlider = function() {
  document.querySelector('#daysInAR').value = document.querySelector('#days').value
}

edited Jan 12, 2017 at 10:09

Pierre

19.1k5 gold badges44 silver badges63 bronze badges

answered Sep 16, 2015 at 20:12

Samuel Martineau

839 bronze badges

Collectives™ on Stack Overflow

Getting variable from range slider javascript updated input?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related