Clear text field value in JQuery

Question

I understand this is an easy question but for some reason this just isn't working for me. I have a function that is triggered everytime a drop down menu is changed. Here is the relevant code that is suppose to grab the current value of the text field, if a value exists, clear it that is contained within the .change function:

var doc_val_check = $('#doc_title').attr("value");
    if (doc_val_check.length > 0) {
        doc_val_check == "";
    }

I feel like I am missing something very simple.

Answer 1

If you want to have element with visible blank text just do this:

$('#doc_title').html(' ');

Answer 2

If you want to clear the text field, use:

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

Answer 3

What you need is:

if ($('#doc_title').val()) {
  $('#doc_title').val('');
}

Answer 4

We can use this for text clear

$('input[name="message"]').val("");  

Answer 5

For the most part you just set the .val() method. All of the answers are pretty accurate, just wanted to post my results to anyone who may need to set the value via the client id that gets rendered.

 $('#' + '<%= doc_title.ClientID %>').val(null);

Answer 6

Instead of all those:

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