Как динамически создать HTML-таблицу, используя jQuery?
Я пытаюсь создать HTML-таблицу, такую как динамически, используя jQuery:
<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>
Это моя фактическая таблица:
<table border="0" cellpadding="0" width="100%" id='providersFormElementsTable'> </table>
Это метод, который создастtr
а такжеtd
взятие элементовid
а такжеlabelText
:
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 />');
}
У меня также есть значение, которое будет отображаться в виде всплывающей подсказки.
Пожалуйста, помогите мне создать таблицу динамически сtool tip and tr td
.
РЕДАКТИРОВАТЬ:
Я почти закончил со следующим кодом:
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;
}
Здесь метка идет правильно, а поле ввода не приходит и показывает[object Object]
где текстовое поле должно прийти ...
Когда я напечаталtextInputBox
с помощьюconsole.log
Я получаю следующее:
[input#nickname, constructor: function, init: function, selector: "", jquery: "1.7.2", size: function…]
В чем может быть проблема?
Благодаря@theghostofc
кто показал мне путь ... :)