Parsing durch Tabelle Anfangswerte liefert jQuery anstatt aktuelle

Question

habe ich eine sehr einfache Struktur Tisch

<table id="mytable"> 
<tr> 
    <th>Content</th> 
    <th>Options</th> 
</tr> 
<tr> 
    <td class="content"><input type="text" value="my initial value"></td> 
    <td class="option"> 
    <select> 
    <option value="value1" >Value#1</option> 
    <option value="value2" >Value#2</option> 
    <option value="value3" >Value#3</option> 
    </select> 
    </td> 
</tr> 
... 
</table> 
<input type="button" onclick="javascript:doIt()" value="do it";> 

Was ich um parsen eine JSON zu erstellen anschließend auf jeweils mit chgContentToValue einer der Werte in die schreiben Eingabefeld.

function doIt() { 
    var i = 0; 
    var json = {}; 
    $("#mytable tr").each(function() { 
    var content = $(this).find(".content").html(); 
    var option = $(this).find(".option").html(); 

    if (content != undefined) { 
     content = $(content).val(); 
     option = $(option).val(); 

     var line = {}; 
     line['content'] = content; 
     line['option'] = option; 
     json[i] = line; 
     i++; 
    } 
    }); 
    json = JSON.stringify(json); 
    alert(json); 
} 

Ausführung:

• öffnen HTML
• Änderungswert des Eingabefeldes und/oder einen anderen Wert bei der Auswahl
• Hit-Taste

ich am Ende immer mit die Anfangswerte anstelle derer, die vom Benutzer geändert/eingegeben wurden. Bitte geben Sie an, was mein Fehler ist, wie ich die letzten Werte der Eingabefelder & auswählen kann. Vielen Dank!

Answer 1

Versuchen Sie, die html Erste wird immer das Element zurück, wie es gemacht wurde und nicht, wie es ist jetzt. Versuchen Sie es stattdessen.

$("#mytable tr").each(function() { 
var content = $(this).find(".content input"); 
var option = $(this).find(".option select"); 

if (content.length > 0) { 
    content = content.val(); 
    option = option.val(); 

    var line = {}; 
    line['content'] = content; 
    line['option'] = option; 
    json[i] = line; 
    i++; 
} 
}); 

Answer 2

Sie seltsame Dinge mit html() auf Formular Steuerelemente tun, wenn alles, was Sie brauchen value ist

$("#mytable tr").each(function (i) { 
    // get value not html 
    var content = $(this).find(".content").val(); 
    var option = $(this).find(".option").val(); 

    if (content) {  
    var line = { 
     content: content, 
     option : option 
    };  
    json[i] = line; 
    // i++; not needed because index is already available in `each` 
    } 
}); 
json = JSON.stringify(json);