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 :(

Jason · Accepted Answer · 2011-04-18 21:45:18Z

403

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, 2011 at 21:45

Jason

52.7k38 gold badges139 silver badges187 bronze badges

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

1 Comment

Scott Chu Over a year ago

Why not use id, it's simple and understandable

Vladimir Kroz · Accepted Answer · 2015-01-16 14:45:02Z

53

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, 2015 at 14:45

Vladimir Kroz

5,3876 gold badges43 silver badges50 bronze badges

2 Comments

anandhu Over a year ago

hi, is this working for you on chrome console?

BlackSD Over a year ago

This's the perfect answer when you have any DOM element for change value or any property you want.

Dehli · Accepted Answer · 2015-05-20 16:59:10Z

34

Best practice is using the identify directly:

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

edited May 20, 2015 at 16:59

Dehli

5,9595 gold badges31 silver badges46 bronze badges

answered May 27, 2014 at 23:34

MGE

8532 gold badges12 silver badges23 bronze badges

3 Comments

MRRaja Over a year ago

simple and best one :)

user3494047 Over a year ago

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.

Scott Chu Over a year ago

You already use ById method, # is for css notation. Remove it.

Richelly Italo · Accepted Answer · 2018-06-07 18:49:54Z

21

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

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

answered Jun 7, 2018 at 18:49

Richelly Italo

1,17911 silver badges9 bronze badges

1 Comment

Peter Mghendi Over a year ago

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]

Kashyap · Accepted Answer · 2015-04-17 15:25:34Z

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, 2015 at 15:25

Kashyap

17.9k14 gold badges78 silver badges126 bronze badges

answered Mar 25, 2015 at 0:29

Robert Ingrum

2343 silver badges14 bronze badges

Comments

Dilan · Accepted Answer · 2021-04-16 03:35:24Z

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, 2021 at 3:35

Dilan

2,7188 gold badges28 silver badges42 bronze badges

answered Apr 15, 2021 at 6:27

user15643823

11

Collectives™ on Stack Overflow

jQuery change input text value

6 Answers 6

1 Comment

2 Comments

3 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

2 Comments

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related