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

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

Use jQuery.prototype.val to get/set field values:

var value = $('#doc_title').val();    // get value
$('#doc_title').val('');    // clear value

Answer 4

$('#[element id]').val(null);

or

$('.[element class]').val(null);

Answer 5

If you are using jQuery, then you can use this:

// var doc_val_check = $('#doc_title').val(); - No need of this!
if ($('#doc_title').val().length > 0) {
    $('#doc_title').val("");
}

Answer 6

What you need is:

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