Получить значение ячейки с помощью onclik
Имеется таблица построенная скриптом:
var tbody = document.getElementById (id).getElementsByTagName("TBODY")[0]; var row = document.createElement("TR") var td1 = document.createElement("TD") td1.appendChild(document.createTextNode(oRS.Fields(0).value)) var td2 = document.createElement("TD") td2.appendChild(document.createTextNode(oRS.Fields(1).value)) row.appendChild(td1); row.appendChild(td2); tbody.appendChild(row); Сама таблица имеет такую разметку: <table id="myTable" cellspacing="0" border="1"> <thead> <th>№</th> <th>Товар</th> </thead> <tbody> </tbody> </table> В Jscript не сильно силен - по сему сетую к вам уважаемые: каким образом возможно получение значения ячейки с помощью события Onclick на просторах интернета находил множество информации - но везде упоминается использование в таблице - класса, с помощью которого и все реализуется, но в моем случае получается что таблица строится с помощью скрипта и с классами вопрос отпадает сразу. Подскажите уважаемые: как реализовать получение значения ячейки и куда необходимо вставить вызов функции Onclick. |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>…</title> <style> td { border: 1px solid #000; } </style> </head> <body> <table id="example"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> <script> document.getElementById("example").onclick = function (event) { event = event || window.event; var target = event.target || event.srcElement; if (target.tagName == "TD") { alert(target.innerHTML); } }; </script> </body> </html> подробнее здесь: http://javascript.ru/tutorial/events...rigger:-target и с таблицами лучше работать при помощи специальных методов: http://webew.ru/articles/598.webew |
Спасибо Огромное ваш пример как нельзя лучше подходит для решения моей проблемы!
Позвольте уточнить буквально немного по данному коду: а возможно ли, в развитие данной темы, попытаться аналогичным способом получать значения ячеек только первого столбца, чтоб при клике на первом столбце отрабатывало событие. |
Дополнительно проверяйте cellIndex
|
Спасибо огромное, все получилось. "target.cellIndex == 0"
|
Часовой пояс GMT +3, время: 19:59. |