Reset textbox value in javascript

Question

If I have a input textbox like this:

How can I set the value of the t

Answer 1

To set value

 $('#searchField').val('your_value');

to retrieve value

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

Answer 2

Use it like this:

$("#searchField").focus(function() {
    $(this).val("");
});

It has to work. Otherwise it probably never gets focused.

Answer 3

This worked for me:

$("#searchField").focus(function()
{ 
    this.value = ''; 
});

Answer 4

In Javascript :

document.getElementById('searchField').value = '';

In jQuery :

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

That should do it

Answer 5

First, select the element. You can usually use the ID like this:

$("#searchField"); // select element by using "#someid"

Then, to set the value, use .val("something") as in:

$("#searchField").val("something"); // set the value

Note that you should only run this code when the element is available. The usual way to do this is:

$(document).ready(function() { // execute when everything is loaded
    $("#searchField").val("something"); // set the value
});

Answer 6

With jQuery, I've found that sometimes using val to clear the value of a textbox has no effect, in those situations I've found that using attr does the job

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