web-dev-qa-db-de.com

Textfeldwert in JQuery löschen

Ich verstehe, dass dies eine einfache Frage ist, aber aus irgendeinem Grund funktioniert das für mich einfach nicht. Ich habe eine Funktion, die jedes Mal ausgelöst wird, wenn ein Dropdown-Menü geändert wird. Hier ist der relevante Code, der den aktuellen Wert des Textfelds übernehmen soll. Wenn ein Wert vorhanden ist, löschen Sie den in der .change-Funktion enthaltenen Wert:

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

Ich habe das Gefühl, dass mir etwas sehr Einfaches fehlt.

javascriptjqueryformsinput
57
Yuschick
doc_val_check == "";   // == is equality check operator

sollte sein

doc_val_check = "";    // = is assign operator. you need to set empty value

                       // so you need =

Sie können den vollständigen Code folgendermaßen schreiben:

var doc_val_check = $.trim( $('#doc_title').val() ); // take value of text 
                                                     // field using .val()
    if (doc_val_check.length) {
        doc_val_check = ""; // this will not update your text field
    }

Um Ihr Textfeld mit einem "" zu aktualisieren, müssen Sie es versuchen

$('#doc_title').attr('value', doc_val_check); 
// or 
$('doc_title').val(doc_val_check);

Aber ich denke, Sie brauchen keinen Prozess von oben.

Kurz gesagt, nur eine Zeile

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

Hinweis

.val() verwendet, um den Wert im Textfeld festzulegen/abrufen. Mit parameter wirkt es als Setter und ohne Parameter als Getter.

Lesen Sie mehr über .val()

128
thecodeparadox

Wenn Sie das Textfeld löschen möchten, verwenden Sie:

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

Anstelle von all denen:

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

Was Sie brauchen, ist:

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

sie können es löschen, indem Sie diese Zeile verwenden 

$('#TextBoxID').val("");
4
Muhammad Kamran

Wenn Sie jQuery verwenden, können Sie Folgendes verwenden:

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

Mit dem folgenden Code können Sie auf einfache Weise alle Textfelder, Textbereiche, Dropdown-Listenfelder, Optionsfelder und Kontrollkästchen in einem Formular löschen.

function reset(){
    $('input[type=text]').val('');  
    $('#textarea').val(''); 
    $('input[type=select]').val('');
    $('input[type=radio]').val('');
    $('input[type=checkbox]').val('');  
}
4
Sankar

Wir können dies für Text klar verwenden

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

Meistens setzen Sie einfach die .val () -Methode. Alle Antworten sind ziemlich genau, ich wollte nur meine Ergebnisse an alle Personen senden, die möglicherweise den Wert über die gerenderte Client-ID festlegen müssen.

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

Sie vergleichen doc_val_check mit einer leeren Zeichenfolge. Sie möchten die leere Zeichenfolge doc_val_check zuweisen.

also sollte es so sein:

doc_val_check = "";

1
SherCoder

 

    First Name: <input type="text" autocomplete="off" name="input1"/>
    <br/>
    Last Name: <input type="text" autocomplete="off" name="input2"/>
    <br/>
    <input type="submit" value="Submit" />
</form>

1
Hrushi

Verwenden Sie jQuery.prototype.val, um Feldwerte abzurufen/festzulegen:

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

Wenn Sie ein Element mit sichtbarem leerem Text haben möchten, tun Sie dies einfach:

$('#doc_title').html('&nbsp;');
0
Hamed Nikzad
$('#[element id]').val(null);

oder

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