Ein Formular mit jQuery ausfüllen

Question

Ich versuche, jQuery zu verwenden, um ein Formular mit einigen Standardwerten auszufüllen.

Das Formular befindet sich in einem div mit einer id. Tatsächlich hat jedes Element eine id, ich habe das nur gemacht, um jeden Teil des Formulars schnell mit der Syntax $("#id") auswählen zu können.
Hier ist das Formular:

X   
Y   

Ich muss das Textfeld coordX_0 mit einem Wert versehen, sagen wir: 123.

Ich dachte, ich könnte folgendes tun

$("#coordX_0").text.value = 123;  

Aber es scheint nicht zu funktionieren. Irgendein Hinweis?

Answer 1

Sie können die val() Funktion verwenden, um Eingabewerte festzulegen

$("#coordX_0").val(123);  

Übrigens könnte Ihr Originalcode funktionieren, indem Sie die Werteeigenschaft auf dem tatsächlichen, zugrunde liegenden DOM-Element setzen. Sie greifen auf das DOM-Element zu, indem Sie Ihre jQuery-Ergebnisse indizieren:

$("#coordX_0")[0].value = 123;

Answer 2

Alle Antworten sind genau gleich, deshalb dachte ich, ich poste etwas anderes:

var inputs_to_values = {
    'coordX_0' : 'ein Wert',
    'coordY_0' : 'ein anderer Wert',
    'edit_0'   : 'N',
    'remove_0' : '_',
    'add_0'    : '-',
    'go_0'     : 'halten?'
};
$('#form_coord_0').find('input').val(function (index, value) {
    return inputs_to_values[this.id];
});

Du kannst .val() eine Funktion übergeben, der Rückgabewert der Funktion für jedes Element wird der neue Wert sein:

Eine Funktion, die den zu setzenden Wert zurückgibt.

this ist das aktuelle Element.

Erhält die Indexposition des Elements im Set und den alten Wert als Argumente.

Quelle: http://api.jquery.com/val

Der obige Code erwartet, dass jedes Eingabefeld eine Eigenschaft im inputs_to_values Objekt hat, sodass du die ID des Eingabefelds in den neuen Wert für dieses Eingabefeld umwandeln kannst.

Hier ist eine Demo: http://jsfiddle.net/zYfpE/

Answer 3

Um den Wert eines Eingabefeldes einzustellen, verwenden Sie

$("#coordX_0").val(123)

Answer 4

$("#coordX_0").val("123");

Du brauchst glaube ich auch die Anführungszeichen. Obwohl es vielleicht auch ohne funktioniert.

Answer 5

Versuchen Sie stattdessen, die Methode val zu verwenden:

$("#coordX_0").val('ein beliebiger Wert');