Tabelle in CSV in JavaScript exportieren funktioniert nicht für Tabelleneingabeelemente

Question

Ich habe ein Skript zum Exportieren einer Ausgabetabelle nach CSV in JavaScript. Aus verschiedenen Gründen, die sich auf (jemand anderen) AJAX-Code beziehen, trigger ich dies mit einem Link anstelle eines Senden-Buttons.

HTML:

<a href="#" class="export"><img alt="ExportToExcel" src="../export1.png"></a> 

JavaScript:

(".export").on('click', function (event) { 
var d = new Date(); 
exportTableToCSV.apply(this, [$('#table1'), 'export' + d.getTime() + '.csv']); 
}); 

function exportTableToCSV($table, filename) { 
csv=createCSV($table,"yes"); 
csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv); 
if (navigator.msSaveOrOpenBlob) {  // separate deal for MS browsers 
    var blob = new Blob([csv],{type: "text/csv;charset=utf-8;"}); 
    navigator.msSaveOrOpenBlob(blob, filename + ".csv") 
} else{ 
    $(this) 
    .attr({ 
    'download': filename, 
    'href': csvData, 
    'target': '_blank' 
    }); 
    } 
} 
function createCSV($table,$vis){ 
    if($vis==="yes"){ 
    var $rows = $table.find('tr:has(td):visible'); 
    }else {var $rows = $table.find('tr:has(td)');} 
    tmpColDelim = String.fromCharCode(11), 
    tmpRowDelim = String.fromCharCode(0), 
    colDelim = '","', 
    rowDelim = '"\r\n"', 
    csv1 = '"' + $rows.map(function (i, row) { 
    var $row = $(row); 
    if($vis==="yes"){$cols = $row.find('td:visible'); 
    }else {$cols = $row.find('td');} 
    return $cols.map(function (j, col) { 
     var $col = $(col), 
     text = $col.text(); 
     return text.replace(/"/g, '""'); 
    }).get().join(tmpColDelim); 
     }).get().join(tmpRowDelim) 
     .split(tmpRowDelim).join(rowDelim) 
     .split(tmpColDelim).join(colDelim) + '"'; 
     return csv1; 
    } 
}); 

Das alles funktioniert gut, aber dann habe ich Texteingabefelder auf einige Zeilen in der Tabelle. Der Export lässt diese leer, selbst wenn Daten eingegeben wurden. Ich nehme an, das liegt daran, dass ich das Formular nicht erneut übermittele, aber ich kann die Daten aus diesen Feldern mit ('.tr_classname').serialize() abrufen.

Answer 1

In dieser Zeile

text = $col.text(); 

Sie erhalten den Text, aber wenn Sie den Inhalt einer Texteingabe erhalten möchten, sollten Sie

text = $col.val(); 

Mit diesem Wissen nutzen, müssen Sie bewerten wenn der Inhalt der td ist ein Eingabetext oder nur Text

Answer 2

die erste Antwort war viel hilfreicher. Danke Mic. dies funktioniert:

ersetzen:

text = $col.text(); 

mit:

if($col.find("input").val() != undefined){ text = $col.find("input").val(); 
}else { text = $col.text(); }