jQuery change input text value not working

Question

I am trying to do this

$('input').val($('input').val()+"^2");

so each input field in the page (I have only one field) will have two extra letters ^2

the strange thing is that it only append 2 and ignore the ^ symbol. any idea why this strange behavior occurs?

EDIT: The problem was that there were another part in the code removes all symbols from the input field once they are inserted. So I changed it to ignore this symbol. Thanks guys.

do note that when you call $('input').val() it will return the value of the first input, so your code will set all input values to the value of the first input with your modification. — Shmiddty
– Shmiddty, Commented Oct 12, 2012 at 22:02
I have only one input as this is a custom control I am working on. — Mahmoud Fayez
– Mahmoud Fayez, Commented Oct 12, 2012 at 22:05
Can you show the markup of this control? The jQuery line itself is correct, there is no need for any escaping here. — Wolfgang Stengel
– Wolfgang Stengel, Commented Oct 12, 2012 at 22:08
@MahmoudFayez It would probably still be best to provide context and/or be more specific with your selector. If this is to go on a page with other input elements, it could effect them as well. — Shmiddty
– Shmiddty, Commented Oct 12, 2012 at 22:11

Marcus · Accepted Answer · 2012-10-12 21:50:27Z

3

Works for me: jsFiddle example.

answered Oct 12, 2012 at 21:50

Marcus

5,4873 gold badges36 silver badges54 bronze badges

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

Comments

Brian Noah · Accepted Answer · 2012-10-12 22:00:52Z

2

Try

&#94;

or escape the carrot:

/^

It renders as ^

edited Oct 12, 2012 at 22:00

answered Oct 12, 2012 at 21:49

Brian Noah

2,99220 silver badges28 bronze badges

2 Comments

Gromer Over a year ago

This will just put ^ in the text box. So abc^2 instead of abc^2. Fiddle

Wolfgang Stengel Over a year ago

The jQuery val() function accepts a plain text string, there is no HTML involved here. Also, ^ is not a special character either in HTML nor in a JavaScript string.

Sushanth -- · Accepted Answer · 2012-10-12 22:01:08Z

1

Try escaping that using a backslash \

$('input').val($('input').val()+"\^2");

Or use the Unicode equivalent of the caret

CHECK FIDDLE

edited Oct 12, 2012 at 22:01

answered Oct 12, 2012 at 21:51

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

2 Comments

Wolfgang Stengel Over a year ago

Why would a ^ sign need escaping?

Sushanth -- Over a year ago

@WolfgangStengel.. I think I used the wrong words to frame the sentence

Collectives™ on Stack Overflow

jQuery change input text value not working

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related