Perché la funzione jQuery val() non aggiorna l'attributo 'valore'?

Question

Mi sono imbattuto in questo modo dopo aver completato il sito Web poiché dovevo implementare la cronologia in una pagina basata su Ajax (che richiede di aggiornare determinati luoghi con html (che include moduli con testo semplice input - il problema è questo: non ottengono i loro valori assegnati, perché hanno i loro valori impostati da val() e non da attr() - bugie)). Sto destinato a dover sostituire tutti javascript da

$('#xxx').val('someValue'); 

a

$('#xxx').attr('value', 'someValue'); 

o c'è qualche speranza di bypassare questo?

Un esempio piuttosto banale here. Come puoi vedere nella finestra di dialogo, il valore attributo non è impostato nel codice html.

Answer 1

Esso utilizza sottostante nativo element.value = 'someValue' che ovviamente imposta il valore struttura dell'elemento

element.property_to_set = 'new_value'; 

quindi non cambia l'attributo, che sarebbe

element.setAttribute('value', 'someValue') 

che è quello attr() esegue internamente, mentre prop() modifica la proprietà, proprio come val().
Il motivo per cui cambia la proprietà, è che la proprietà è ciò che viene utilizzato in un modulo di invio, ed è normalmente ciò che viene utilizzato per ottenere il valore anche in javascript, quindi ha senso attenersi alla proprietà e non al attributo, dato che l'attributo è normalmente usato per impostare il valore iniziale della proprietà, e cambiando l'attributo in seguito con javascript non aggiorna la proprietà, che sarebbe il problema opposto a quello che si sta avendo, e interesserebbe tutto modulo invia ed è un grosso problema.