как генерировать id инпутов ?
document.getElementById("addRow").onclick = function() {
var row = document.createElement("tr");
row.innerHTML = "<form method=\"post\" id=\"ajax_form\" action=\"\" > <tr style=\"height:15.75pt\">\n" +
" <td style=\"width:156.35pt; border-style:solid; border-width:0.75pt; padding-right:5.03pt; padding-left:5.03pt; vertical-align:top\">\n" +
" <p style=\"margin-top:0pt; margin-bottom:0pt; text-align:center; font-size:12pt\"><input type='text' name=namebank' id='namebank' > <span\n" +
" style=\"font-family:'Times New Roman'; font-weight:bold\"> </span></p></td>\n" +
" <td colspan=\"4\"\n" +
" style=\"width:119.5pt;; border-style:solid; border-width:0.75pt; padding-right:5.03pt; padding-left:5.03pt; vertical-align:top\">\n" +
" <p style=\"margin-top:0pt; margin-bottom:0pt; text-align:center; font-size:12pt\"><input type='number' name='numzadoljen' id='numzadoljen'> <span\n" +
" style=\"font-family:'Times New Roman'; font-weight:bold\"> </span></p></td>\n" +
" <td colspan=\"3\"\n" +
" style=\"width:96.35pt; border-style:solid; border-width:0.75pt; padding-right:5.03pt; padding-left:5.03pt; vertical-align:top\">\n" +
" <p style=\"margin-top:0pt; margin-bottom:0pt; text-align:center; font-size:12pt\"><input type='date' name='datedogovor' id='datedogovor' style='width: 125px;'><span\n" +
" style=\"font-family:'Times New Roman'; font-weight:bold\"> </span></p></td>\n" +
" <td style=\"width:67.15pt; border-style:solid; border-width:0.75pt; padding-right:5.03pt; padding-left:5.03pt; vertical-align:top\">\n" +
" <p style=\"margin-top:0pt; margin-bottom:0pt; text-align:center; font-size:12pt\"><input type='date' name='dateprosrochen' id='dateprosrochen'><span\n" +
" style=\"font-family:'Times New Roman'; font-weight:bold\"> </span></p></td>\n" +
" <td style=\"width:71.35pt; border-style:solid; border-width:0.75pt; padding-right:5.03pt; padding-left:5.03pt; vertical-align:top\">\n" +
" <p style=\"margin-top:0pt; margin-bottom:0pt; text-align:center; font-size:12pt\"><input type='number' name='summplatcredit' id='summplatcredit'> <span\n" +
" style=\"font-family:'Times New Roman'; font-weight:bold\"> </span></p></td>\n" +
" <td style=\"vertical-align:top\"></td>\n" +
" </tr></form>";
document.getElementById("node").appendChild(row);
}
есть такая таблица, при нажатии на кнопку добавляется ещё одна и тд, как сделать что бы при нажатии на кнопку ко всем инпутам добавлялся новый id ? к примеру щас namebank, следующая будет namebank2 |
venom1996,
var num = 0;
document.getElementById("addRow").onclick = function() {
num++;
var row = document.createElement("tr");
.... id='namebank"+num+"'
|
а вопрос ещё, как мне отправить данные с этой таблицы инпутов ? отправляю через ajax
$.ajax({
method: "POST",
url: "http://test5.ru/local/anketa/main.php",
data: {
ajax_form: $("#ajax_form").serialize(),
},
success: function(data) {
console.log(data);
},
error: function(er) {
console.log(er);
}
});
но отправляются пустые значения |
venom1996,
name тоже надо менять |
venom1996,
на всякий случай id это уникальный идентификатор, $("#ajax_form") это первая форма с таким id. |
Цитата:
Вроде y <tr> родителем может быть только <table> <tbody> <thead>, или<tfoot>. |
тогда как мне отправить эту таблицу с инпутами ?
|
Цитата:
|
ну потому что там таблица с инпутами :D, а вообще нужно просто отправлять все значения инпутов в этой таблице на мой обработчик,и не получается обернуть таблице в форму
|
Я ни на чем не настаиваю. Дело ваше.
Просто браузеры работают по стандартам и правилам HTML, а не по тому, что вам хочется. Вот такой простой пример <html> <head> </head> <body> <table> <form> <tr> <td><input type=text name=n11></td> <td><input type=text name=n12></td> <td><input type=submit name=s1></td> </tr> </form> <form> <tr> <td><input type=text name=n21></td> <td><input type=text name=n22></td> <td><input type=submit name=s2></td> </tr> </form> <form> <tr> <td><input type=text name=n31></td> <td><input type=text name=n32></td> <td><input type=submit name=s3></td> </tr> </form> </table> </body> </html> Браузер превращает это в <html><head> </head> <body> <table> <form></form> <tbody><tr> <td><input type="text" name="n11"></td> <td><input type="text" name="n12"></td> <td><input type="submit" name="s1"></td> </tr> <form></form> <tr> <td><input type="text" name="n21"></td> <td><input type="text" name="n22"></td> <td><input type="submit" name="s2"></td> </tr> <form></form> <tr> <td><input type="text" name="n31"></td> <td><input type="text" name="n32"></td> <td><input type="submit" name="s3"></td> </tr> </tbody></table> </body></html> Формы отдельно, строки с инпутами отдельно. Вне форм. Ваше дело, можете спорить с браузером. |
| Часовой пояс GMT +3, время: 06:30. |