Как добавить строку таблицы с входным текстом внутри поля таблицы

Question

Как добавить строку таблицы с входным текстом внутри поля таблицы

0

Как добавить строку таблицы с текстовым вводом внутри поля таблицы?

var table=document.getElementById("myTable");
var rowCount = table.row.length;
var row=table.insertRow(rowCount);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);

cell1.innerHTML += "<td class='align-center'>1</td>";
cell2.innerHTML += "<input type='text' class='input-long' name='newcategoryname' value='New Category' onfocus='if(this.value == \"New Category\"){ this.value = \"\"; }' onblur='if(this.value==\"\"){this.value=\"New Category\";}'/>";

alvin890101 21 окт. 2013, в 20:44

Источник

4

проверьте эту строку: var rowCount = table.row.length это вам что-нибудь дает?
Ofear 21 окт. 2013, в 18:09
2

То, что у вас там, хорошо работает в этой скрипке: jsfiddle.net/Qj4RW Единственное отличие - table.row.length становится table.rows.length. (Научитесь использовать консоль Javascript для просмотра и отслеживания ошибок - это огромная помощь.)
struthersneil 21 окт. 2013, в 18:10
0

@struthersneil там работает нормально, но почему это не работает на моем сценарии?
alvin890101 21 окт. 2013, в 18:21
0

@struthersneil, спасибо за помощь, сейчас работает ...
alvin890101 21 окт. 2013, в 18:46

Показать ещё 2 комментария

Теги:

javascript

html

1 ответ

Ещё вопросы

проверьте эту строку: var rowCount = table.row.length это вам что-нибудь дает?
То, что у вас там, хорошо работает в этой скрипке: jsfiddle.net/Qj4RW Единственное отличие - table.row.length становится table.rows.length. (Научитесь использовать консоль Javascript для просмотра и отслеживания ошибок - это огромная помощь.)
@struthersneil там работает нормально, но почему это не работает на моем сценарии?
@struthersneil, спасибо за помощь, сейчас работает ...

Ramesh Kotha · Answer 1 · 2013-10-21T16-11-00.000Z

Вы должны создать элемент ввода с помощью метода createElement, попробуйте это

    var cell1 = row.insertCell(1);
    var element1 = document.createElement("input");
    element1.type = "text";
    element1.name = "txtbox[]";
    cell1.appendChild(element1);

работает, но как установить стиль класса и это значение = 'Новая категория' onfocus = 'if (this.value == \ "Новая категория \") {this.value = \ "\"; } 'onblur =' if (this.value == \ "\") {this.value = \ "New Category \";} 'в это?
на элементе вы можете установить все эти