How to clear the content of the html input text field using Jquery

jquery html textinput
Yasitha picture Yasitha · Aug 13, 2011 · Viewed 18.9k times · Source

I am having a html text field which can hide.

When hiding I want clear the text field.

I used this and it doesn't work.

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

And I tried $('#id').text(""); as well.

It removed the whole text field.

Answer

John Green picture John Green · Aug 13, 2011

This is correct:

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

However, your part 2 is interesting.

$('#id').text("");

That shouldn't create the behavior you're describing. I expect that you're referencing the parent object, not the <input> directly.

Related questions

Get the value in an input text box

What are the ways to get and render an input value using jQuery? Here is one:

Read More
How to prevent keypress two digits after a decimal number?

I have got a task to prevent keypress two digits after a decimal number. My jquery file is $(function(){ $('#name').bind('paste', function(){ var self = this; setTimeout(function() { if(!/^[a-zA-Z]+$/.test($(self).val())) $(self).val(''); }, 0); }); $('#salary').bind(…

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More