Is there a way to put a JavaScript variable into slider's "max" attribute value? For example,

<script type="text/javascript">
myVar="20";
</script>


<input id="slider1" name="sliderr" type="range" max="myVar"></input>

Is there a way to put a JavaScript variable into slider's "max" attribute value? For example,

<script type="text/javascript">
myVar="20";
</script>


<input id="slider1" name="sliderr" type="range" max="myVar"></input>

• javascript
• html
• variables
• max

Share Improve this question Follow asked May 23, 2014 at 11:27 StartedFromTheBottomStartedFromTheBottom 32588 silver badges2121 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Try this

var myVar = 20;
document.getElementById("slider1").max = myVar;
// or
//document.getElementById("slider1").setAttribute("max", myVar);

Demo

Try this:

html

<input id="slider1" name="sliderr" type="range" max="myVar"></input>

js

document.getElementById("slider1").setAttribute("max",20);

fiddle