Wie erstelle ich eine HTML-Tabelle dynamisch mit jQuery?
Ich versuche, eine HTML-Tabelle wie die folgende dynamisch mit jQuery zu erstellen:
<table id='providersFormElementsTable'>
<tr>
<td>Nickname</td>
<td><input type="text" id="nickname" name="nickname"></td>
</tr>
<tr>
<td>CA Number</td>
<td><input type="text" id="account" name="account"></td>
</tr>
</table>
Dies ist meine aktuelle Tabelle:
<table border="0" cellpadding="0" width="100%" id='providersFormElementsTable'> </table>
Dies ist die Methode, die erstellt wirdtr
undtd
Elemente nehmenid
undlabelText
:
function createFormElement(id, labelText) {
// create a new textInputBox button using supplied parameters
var textInputBox = $('<input />').attr({
type: "text", id: id, name: id
});
// create a new textInputBox using supplied parameters
var inputTypeLable = $('<label />').append(textInputBox).append(labelText);
// append the new radio button and label
$('#providersFormElementsTable').append(inputTypeLable).append('<br />');
}
Ich habe auch einen Wert, der als Tooltip angezeigt wird.
Bitte helfen Sie mir, eine Tabelle dynamisch mit zu erstellentool tip and tr td
.
BEARBEITEN:
Ich habe fast mit folgendem Code fertig:
function createProviderFormFields(id, labelText,tooltip,regex) {
var tr = '<tr>' ;
// create a new textInputBox
var textInputBox = $('<input />').attr({
type: "text",
id: id, name: id,
title: tooltip
});
// create a new Label Text
tr += '<td>' + labelText + '</td>';
tr += '<td>' + textInputBox + '</td>';
tr +='</tr>';
return tr;
}
Hier kommt das Etikett richtig und das Eingabefeld kommt nicht und es zeigt[object Object]
wo das Textfeld herkommen muss ...
Als ich das drucktetextInputBox
mitconsole.log
Folgendes erhalte ich:
[input#nickname, constructor: function, init: function, selector: "", jquery: "1.7.2", size: function…]
Woran könnte das liegen?
Dank an@theghostofc
wer hat mir den weg gezeigt ... :)