Получение значения из текстового поля в таблице HTML

Question

У меня есть таблица с текстовыми полями в ее ячейках. Все эти текстовые поля создаются и заполняются динамически с помощью PHP. Я должен пройти через ячейки и получить значения.

Используя следующий код, я могу получить innerHTML клеток.

var tblLang = document.getElementById("tbl_Languages");
var tblrows = tblLang.rows;
for(var i=1; i<tblrows.length; i++){
var tblcells = tblrows[i].cells;
alert(tblcells[0].innerHTML);

Выход для данного кода

<input background-color="#FFFFFF" haslayout="-1" id="txtname_ENU" value=" English" type="text">

Как я могу получить значение внутреннего текстового поля? Пожалуйста, помогите мне.

Answer 1

Вы хотите получить фактический узел dom из ячейки таблицы вместо innerHTML (строка).Это позволит вам вызвать .value на этом узле, и у вас все хорошо.Также:

   tblcells[0].firstChild.value
   // or iterate through children
   var childLength = tblcells.childNodes.length
   for(var i=0;i<childLength;i++){
     alert(tblCells.childNodes[i].value);
   }

Также обратите внимание, что в вашем коде при выполнении итерации for(var i=1; i<tblrows.length; i++){ вы проверяете длину массива tblrows каждый раз, что медленно.Вы должны проверить эту длину один раз, как в моем коде, а затем использовать ее в цикле.

Answer 2

Вы имели в виду:

var textBoxValue = document.getElementById("txtname_ENU").value;
alert(textBoxValue);