javascript - change html form element placeholder with jquery - Stack Overflow

I need help changing the placeholder value on a input field with javascript, preferably JQuery.

<input id="someinput" value="" placeholder="Change This With JS" type="text">

I need help changing the placeholder value on a input field with javascript, preferably JQuery.

<input id="someinput" value="" placeholder="Change This With JS" type="text">

• javascript
• jquery
• html

Share Follow asked Jun 17, 2012 at 4:03 BlakeinatorBlakeinator 6511 silver badge44 bronze badges 1

• changing how? Like change the default value of the placeholder using jQuery? Change the functionality of the placeholder by using jQuery (polyfill)? – Joseph Commented Jun 17, 2012 at 4:05

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

demo like this: http://jsfiddle/qcNFF/ ?

Good read: http://api.jquery./prop/

code

$(function() {
    alert(' Before change => ' + $('#someinput').prop('placeholder'));
    $('#someinput').prop('placeholder', "text changed- hulk");
    alert(' After change => ' + $('#someinput').prop('placeholder'));
});​

here's a quick demo for you:

the fiddle code http://jsfiddle/nickadeemus2002/H7MG7/

just use jquery's .attr() method to changed the string.