Input max equal to javascript variable

Question

How do you make the maximum value of a number input field equal to a javascript variable? This variable will change, and the max needs to change with it.

You can't define it the way you can with php, and I'm not very familiar with javascript and my searches have brought up nothing.

<input type="number" min="1" max="*jsvariable*">

Sample Fiddle: http://jsfiddle.net/KDJdZ/

possible duplicate to this thread: http://stackoverflow.com/questions/451491/what-is-the-best-way-to-emulate-an-html-input-maxlength-attribute-on-an-html-t — reptildarat, Dec 28 '13 at 11:09

score 2 · Accepted Answer · answered Dec 28 '13 at 11:10

2

First assign ID to your input:

<input id="myInput" type="number" min="1" max="*jsvariable*"/>

Then access it via javascript:

var input = document.getElementById("myInput");
input.setAttribute("max",100); // set a new value;

Or using your variable

input.setAttribute("max",your_variable); // set a new value;

answered Dec 28 '13 at 11:10

Tareq Salah

3,720
4
34
48

I can get it to work off the bat, but I need it to change as the variable changes. See fiddle: http://jsfiddle.net/KDJdZ/ – cameronjonesweb Dec 28 '13 at 11:23
I look at your code at js fiddle I think the problem in the time you load JavaScript .. in the left corner You will see that JavaScript work on load. Change it to No warp – Tareq Salah Dec 28 '13 at 11:53
How do I reflect that in a webpage? – cameronjonesweb Dec 28 '13 at 12:28
Add you script tag after the body is loaded look at this http://jsbin.com/IrUBebA/2/edit – Tareq Salah Dec 28 '13 at 12:35

score 0 · Answer 2 · edited Dec 28 '13 at 11:39

0

<input id="inputmax" type="number" min="1" max="*jsvariable*">

//create an id for your input tag .
// in my case I used "inputmax" as id

var setmymax = document.getElementById("inputmax"); 

setmymax.setAttribute("max", "Your value");

edited Dec 28 '13 at 11:39

Nizam

5,698
9
45
57

answered Dec 28 '13 at 11:20

Mohan Bagavathi

11
3

Input max equal to javascript variable

2 Answers2

Linked