Why won't the attribute of an input field in javascript change after onchange?

Question

I tried looking around for an answer on here but couldn't find anything that resembles this problem, but what I am trying to do is get an input cell to format itself after a user inputs a number i.e. "100" will format to "100%" but that never happens.

When the onchange event fires it works and processes the input just fine but when it comes time to change the attribute "value" of the input field nothing happens. Why is this?

In my javascript I have

<input onchange='update();' ....

The update method is called but when it comes to this line

element.setAttribute(attr, value);

Nothing seems to happen. Does the focus of the input box need to be removed before changing the value of the input box?

So you want an input field [ 100 ] to convert to [ 100% ] ? use element.value = element.value + '%' — dsuess
– dsuess, Commented Jun 23, 2014 at 20:00

tymeJV · Accepted Answer · 2014-06-23 19:59:57Z

1

Just call .value

element.value = value;

answered Jun 23, 2014 at 19:59

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

3 Comments

tomysshadow Over a year ago

Yeah, no reason to be using setAttribute here

Richard Over a year ago

Thank you! I didn't know you could do that. I am using an IDE that shows methods or variables as you type and only setAttribute shows up, not .value Thanks again though, I feel silly now. :/

tymeJV Over a year ago

@Cian -- No worries - if the IDE isn't specifically designed for JavaScript hint detection then assume there's always more methods available

RichardB · Accepted Answer · 2014-06-23 20:05:20Z

0

Try

<input onchange='update(this);'

and

function update(element) {
element.value=value;

You don't seem to be telling it which element is being referred to (unless you call it elsewhere in your function).

answered Jun 23, 2014 at 20:05

RichardB

2,7891 gold badge13 silver badges19 bronze badges

Collectives™ on Stack Overflow

Why won't the attribute of an input field in javascript change after onchange?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related