jquery html() non restituisce valori modificati

Ho una forma con una casella di testo come questo:jquery html() non restituisce valori modificati

<html> 
<head> 
    <script type="text/javascript" src="jquery-1.6.2.js"></script> 
</head> 
<body> 
    <input type="text" id="myTextBox" /> 
</body> 
</html>

Quando digito qualcosa in myTextBox, il valore è disponibile con $("#myTextBox").val(), ma non è rappresentato se lo faccio $("body").html(). Come posso prendere anche la stringa html e il valore del modulo aggiornato? Grazie!

fonte

2011-08-17 Harper

Perché vuoi farlo? –

Ho bisogno di memorizzare una "istantanea" della pagina nel momento in cui è stata inviata per generare un PDF da essa. – Harper

Quando si ottiene '$ (" body "). Html()'? – ShankarSangoli

È possibile utilizzare la funzione .attr().

Esempio:

$("input").each(function(){ 
    $(this).attr("value", $(this).val()); 
});

Dopo questo si può fare il:

$("body").html();

Questo dovrebbe funzionare.

fonte

2011-08-17 16:15:30

Ho bisogno di un modo per farlo per gli elementi di input 'all' nel modulo. – Harper

L'OP dovrà passare attraverso tutti gli input e modificarne il valore usando questo, ma dovrebbe funzionare. +1 –

$ ("body"). Children(). Each (function() {$ (this) .attr ("valore", $ (this) .val());}); – Harper

$('input').each(function(){ 
    $(this).attr('data-value-input', $(this).val()); 
});

e dopo che è possibile ottenere il codice HTML

var bodyHtml = $('body').html().toString().replace('data-value-input', 'value');

e che è esso.

fonte

2011-08-17 16:07:56

E se un valore preimpostato esiste nel caricamento HTML a pagina? Avrai 2 valori, giusto? –

+1 per @Senad per neutralizzare un -1, per una soluzione che si trova sulla traccia giusta – BumbleB2na

$('[type=text], textarea').each(function(){ this.defaultValue = this.value; }); 
$('[type=checkbox], [type=radio]').each(function(){ this.defaultChecked = this.checked; }); 
$('select option').each(function(){ this.defaultSelected = this.selected; });

poi

$("body").html()

fonte

2013-04-05 03:38:53 Coisox

La risposta accettata non funziona bene con textarea. Ma questa soluzione funziona. – abhishek77in

Beh c'è quello più semplice modo di fare questo, impiegando la funzione in diretta sull'ingresso.

$(document).ready(function() { 

var checker = false; 
    $("input").live("change", function() { 
     checker = (this.defaultValue !== this.value); 
     if (checker) 
      this.defaultValue = this.value; 
    }); 
});

fonte

2013-05-02 16:37:04

jquery html() non restituisce valori modificati

risposta

Problemi correlati