Получить значение ячейки с помощью 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, время: 21:44. |