jQuery change input text value

Question

I can't find the right selector for:

<input maxlength="6" size="6" id="colorpickerField1" name="sitebg" value="#EEEEEE" type="text">

I want to change the value to = 000000. I need the selector to find the "name" not the id of the text input.

Shouldn't this work?:

$("text.sitebg").val("000000");

The presented solution does not work, what's the problem with this?

$.getJSON("http://www.mysitehere.org/wp-content/themes/ctr-theme/update_genform.php",function(data) {
    $("#form1").append(data.sitebg);
    $('input.sitebg').val('000000');
});

The JSON data is working correctly; the idea is to later pass the JSON values into the form input text values. But is not working :(

score 395 · Accepted Answer · answered Apr 18 '11 at 21:45

395

no, you need to do something like:

$('input.sitebg').val('000000');

but you should really be using unique IDs if you can.

You can also get more specific, such as:

$('input[type=text].sitebg').val('000000');

EDIT:

do this to find your input based on the name attribute:

$('input[name=sitebg]').val('000000');

answered Apr 18 '11 at 21:45

Jason

51,583
38
133
185

Why not use id, it's simple and understandable – Scott Chu Jun 06 '18 at 06:58

score 51 · Answer 2 · answered Jan 16 '15 at 14:45

51

jQuery way to change value on text input field is:

$('#colorpickerField1').attr('value', '#000000')

this will change attribute value for the DOM element with ID #colorpickerField1 from #EEEEEE to #000000

answered Jan 16 '15 at 14:45

Vladimir Kroz

5,237
6
39
50

hi, is this working for you on chrome console? – anandhu Jan 08 '21 at 14:01

score 32 · Answer 3 · edited May 20 '15 at 16:59

32

Best practice is using the identify directly:

$('#id').val('xxx');

edited May 20 '15 at 16:59

Dehli

5,950
5
29
44

answered May 27 '14 at 23:34

MGE

803
2
12
22

simple and best one :) – MRRaja Mar 08 '17 at 19:50
2

Why does this work but `document.getElementById("#id").value = 'xxx';` does not work for me? It does not change the text value that appears, only the DOM element's value property. – user3494047 May 23 '17 at 20:53
3

You already use ById method, # is for css notation. Remove it. – Scott Chu Jun 06 '18 at 07:00

score 19 · Answer 4 · answered Jun 07 '18 at 18:49

19

When set the new value of element, you need call trigger change.

$('element').val(newValue).trigger('change');

answered Jun 07 '18 at 18:49

Richelly Italo

1,109
10
9

This fixed a problem for me where the change event handler was getting called twice; once with the new value and then again with [attr=val] – Peter Mghendi Dec 26 '19 at 08:32

score 3 · Answer 5 · edited Apr 17 '15 at 15:25

3

Just adding to Jason's answer, the . selector is only for classes. If you want to select something other than the element, id, or class, you need to wrap it in square brackets.

e.g.

$('element[attr=val]')

edited Apr 17 '15 at 15:25

Kashyap

15,354
13
64
103

answered Mar 25 '15 at 00:29

Robert Ingrum

234
3
14

score 0 · Answer 6 · edited Apr 16 '21 at 03:35

0

jQuery change input text value using parent class

$('.form-submit input.submit').val('Johnny Bravo');

.form-submit is the parent class
Johnny Bravo is the text that you want to change

edited Apr 16 '21 at 03:35

Dilan

2,610
7
23
33

answered Apr 15 '21 at 06:27

user15643823

11

jQuery change input text value

6 Answers6

Linked

Related