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: stackoverflow.com/questions/451491/… — reptildarat
– reptildarat, Commented Dec 28, 2013 at 11:09

Tareq Salah · Accepted Answer · 2013-12-28 11:10:00Z

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, 2013 at 11:10

Tareq Salah

3,7184 gold badges37 silver badges48 bronze badges

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

4 Comments

cameronjonesweb Over a year ago

I can get it to work off the bat, but I need it to change as the variable changes. See fiddle: jsfiddle.net/KDJdZ

Tareq Salah Over a year ago

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 <in body>

cameronjonesweb Over a year ago

How do I reflect that in a webpage?

Tareq Salah Over a year ago

Add you script tag after the body is loaded look at this jsbin.com/IrUBebA/2/edit

Nizam · Accepted Answer · 2013-12-28 11:39:28Z

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, 2013 at 11:39

Nizam

5,7519 gold badges47 silver badges57 bronze badges

answered Dec 28, 2013 at 11:20

Mohan Bagavathi

215 bronze badges

Collectives™ on Stack Overflow

Input max equal to javascript variable

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related