How To Remove/change An Input Value Using Javascript

How do I remove the value 'Anonymous' in this input that I have and replace it with a placeholder text 'Your name' using javascript/jquery? I don't have access to the HTML code. T

Solution 1:

Add this second line here... A placeholder is only seen when the value happens to be blank. With the code below, you can set the placeholder, as well as erase the default value in your field.

document.getElementById('txtYourName').placeholder =' Your Name ';  
document.getElementById('txtYourName').value = "";

Demo: http://jsfiddle.net/723vL/

Solution 2:

You can use .val():

$('#txtYourName').val('');

or pure javascript using:

document.getElementById('txtYourName').value = ""

If you want to set new value then just put your value inside "", like:

$('#txtYourName').val('new value');

---

With jQuery, your final code should look like:

$('#txtYourName').attr('placeholder','Your name');
$('#txtYourName').val('');

Fiddle Demo

With pure JS, you final code should look like:

document.getElementById('txtYourName').placeholder ='Your name';  
document.getElementById('txtYourName').value = "";

Fiddle Demo

Solution 3:

That should do it, so long as you are running that script either on an onload event, jquery's ready event or at the very bottom of the page, once the DOM has been rendered.

Are you getting an error in your console?

Solution 4:

try this

returns value:

$('#txtYourName').attr("value");

sets value

$('#txtYourName').attr("value", "");

Solution 5:

use

document.getElementById('txtYourName').value ='some vaue';

if you are using jQuery then you can use

$("#txtYourName").val('some value');