Change value of an input field using its id value in jquery not working

Question

I would like to change value of an input field. I get the id value of the input tag through some iterations. Then I used val() to give a value. But it's not working.

My HTML is

<input type="text" id="shipping:firstname" name="billing[firstname]" value=""/>

My jQuery is

$(window).ready(function(){
var text_to_get='firstname';
var targetID = '#shipping['+text_to_get+']';
$(targetID).val("10");
});

jsFiddle is at: here

Waiting for your help!

palaѕн · Answer 1 · 2013-06-03T13:59:53.390

4

Try this:

var text_to_get = 'firstname';
var targetID = '#shipping\\:' + text_to_get;
$(targetID).val("10");

You need to escape this : in the targetID since, it will give a error in the console like:

Syntax error, unrecognized expression: unsupported pseudo: firstname

edited Jun 03 '13 at 13:59

answered Jun 03 '13 at 13:49

palaѕн

72,112
17
116
136

score 2 · Accepted Answer · edited May 23 '17 at 11:57

2

$(window).ready(function(){
    var text_to_get='firstname';
    var targetID = '#shipping\\:'+text_to_get;
    $(targetID).val("10");
});

http://jsfiddle.net/sBqxp/1/

to escape colon char use "\\"
But, I think put colon on ids or names or whatever is a bad idea (use camelCase notation : id="shippingFirtName")

ref: Jquery selecting an ID with a colon in it

edited May 23 '17 at 11:57

Community

1
1

answered Jun 03 '13 at 14:02

François.M

121
7

Thanks @dirtyoldtown. i was trying to change the value with "name" value. Shame of myself :( – Vel Murugan S Jun 03 '13 at 14:29

score 0 · Answer 3 · answered Jun 03 '13 at 13:51

0

Here you go!!

    $(document).ready(function(){
      var text_to_get='firstname';
      var targetID = '#shipping:['+text_to_get+']';
      $(targetID).val("10"); 
    });

answered Jun 03 '13 at 13:51

Engineer

5,911
4
31
58

Change value of an input field using its id value in jquery not working

3 Answers3