Compila un modulo con jQuery

Question

Sto tentando di utilizzare jQuery per compilare un modulo con alcuni valori predefiniti.

Il modulo è contenuto in un div che ha un ID. In effetti ogni elemento ha un ID, l'ho fatto solo per poter selezionare rapidamente ogni parte del modulo usando la sintassi $("#id").
Qui è la forma:

<div id="panel" style="position: absolute; left: 190px; top: 300px; width: 400px; height: 300px; border: medium groove brown; background: none repeat scroll 0% 0% black; z-index: 100; color: white;"><form id="form_coord_0"> 
X <input type="text" style="height: 25px; font-size: 10px;" size="2" name="X" id="coordX_0"/> 
Y <input type="text" style="height: 25px; font-size: 10px;" size="2" name="Y" id="coordY_0"/> 
<input type="button" id="edit_0" value="M"/> 
<input type="button" id="remove_0" value="-"/> 
<input type="button" id="add_0" value="+"/> 
<input type="button" id="go_0" value="go!"/> 
<br/> 
</div> 

ho bisogno di impostare il campo coordX_0 testo con un certo valore, diciamo: 123.

ho pensato che avrei potuto fare

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

Ma non sembra funzionare. Qualche suggerimento?

Answer 1

È possibile utilizzare la funzione val() per impostare valori di input

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

Per inciso, il codice originale potrebbe essere fatto per lavorare impostando il valore proprietà sull'effettivo elemento dom sottostante. Si accede al elemento DOM indicizzando i risultati jQuery:

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

Answer 2

Per impostare il valore di un campo di immissione sua

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

Answer 3

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

È necessario le citazioni troppo credo. Anche se potrebbe funzionare in entrambi i modi.

Answer 4

Utilizzare il metodo val per impostare il testo di qualsiasi campo input.

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

Answer 5

Prova a modificare, utilizzando il metodo val:

$("#coordX_0").val('some string or number'); 

Answer 6

Utilizzare questo invece:

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

Answer 7

utilizzare la funzione Val

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

Answer 8

Basta scrivere:

In jQuery, text è una funzione per estrarre il testo in dom.

Answer 9

Tutte le risposte sono esattamente la stessa così ho pensato di postare qualcosa di diverso:

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

È possibile passare .val() una funzione, tutto ciò che viene restituito dalla funzione per ogni elemento sarà il nuovo valore:

Una funzione che restituisce il valore da impostare.

questo è l'elemento corrente.

Riceve la posizione di indice dell'elemento nel set e il vecchio valore come argomenti.

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

Il codice di cui sopra prevede che ogni ingresso avrà una proprietà nell'oggetto inputs_to_values modo da poter convertire l'ID dell'ingresso al nuovo valore per quell'ingresso.

Ecco una demo: http://jsfiddle.net/zYfpE/