Javascript - Changing content for input element which has no value

Question

So I am working with Weebly as a CMS for one of my clients. I am having to change the content for an input field however by default it has no value. The code for the input is as follows

<input class="wsite-form-input name="apply-code" placeholder="Enter Code">

I am trying to change the content of this with some JavaScript but not sure about the best way to go about this. I would normally just create a variable and then change the value of that variable but seeing as there isn't one present I don't think I can do it.

Could I change the inner text?

Thanks

All you need : $("input[name="apply-code"]).val("New Text"). You can't change innerHtml for input types. Also, this would only work if you have name=apply-code unique to that field. — DinoMyte
– DinoMyte, Commented Oct 15, 2015 at 16:33
@dwinnbrown one double inverted quote is missing after class please note that — Himesh Aadeshara
– Himesh Aadeshara, Commented Oct 15, 2015 at 16:41

Jeroen Bellemans · Accepted Answer · 2015-10-15 16:33:53Z

1

First of all, you are missing a closing apostroph after .wsite-form-input, and to give it a value, you could do the following:

$(".wsite-form-input").val("Your value here");

answered Oct 15, 2015 at 16:33

Jeroen Bellemans

2,0352 gold badges28 silver badges43 bronze badges

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

3 Comments

DinoMyte Over a year ago

This would change the text of all input controls having class wsite_form_input.

dwinnbrown Over a year ago

@DinoMyte there is a more specific class for the input that I can apply it to "wsite-coupon-input" so I think this should work

Jeroen Bellemans Over a year ago

Please mark as answered if this answered your question.

Himesh Aadeshara · Accepted Answer · 2015-10-15 16:43:25Z

1

you can easily change the input element's value as like this

var name="Put your name here";
$('input.wsite-form-input').val(name);

here is demo work

answered Oct 15, 2015 at 16:43

Himesh Aadeshara

2,2281 gold badge18 silver badges31 bronze badges

Comments

Vitor Paiva · Accepted Answer · 2015-10-15 16:35:58Z

0

Yes, it's possible, something like:

function changeInputValue(textValue){
 document.getElementsByName("apply-code")[0].value=textValue;
 }

answered Oct 15, 2015 at 16:35

Vitor Paiva

564 bronze badges

Collectives™ on Stack Overflow

Javascript - Changing content for input element which has no value

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related