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

Question

[andreypodkovyrov]

Есть таблица с данными, нужно по клику передать значение ячейки в определенный div. Как это сделать?

Answer 1

[Александр Суставов]

у ячейки таблицы к методу onclick присвоить функцию clickCell(this) (см. ниже);

var clickCell = function(elem){
    var myDiv = document.getElementById('myDiv');//указываем элемент в который вставляем данные
    myDiv.innerHTML = elem.innerHTML;
};

для присвоения всем всем элементам таблицы этой функции нужно всего лишь пропустить все это дело через цикл

var myTable = document.getElementById('myTable');

for(var i = 0;myTable.children[i];i++){//ищем строки
    for(var j = 0;myTable.children[i].children[j];j++){//ищем ячейки
        myTable.children[i].children[j].onclick = function(){//необходима обертка
            clickCell(this);
        };
    }
}

Comments

[andreypodkovyrov]

Спасибо, выручили! Готов скинуть "на пиво":)

[Артур]

myTable is null - вот, что пишет консоль.

[Александр Суставов]

@Biomorphix укажите этой переменной нужную таблицу

[Артур]

@takovoy понятное дело, что я указал нужную таблицу.

[andreypodkovyrov]

@takovoy нужна еще одна подсказка! данные в ячейках таблицы изменяются динамически, на основании вводимых параметров. если ввести параметры и кликнуть на ячейку, значение передается в див. но если изменить параметры, то в ячейке значение меняется, а в диве остаётся прежнее. можно ли повесить событие еще и на изменение данных в ячейке, а не только на клик?

[Александр Суставов]

@andreypodkovyrov есть событие onchange

[andreypodkovyrov]

@takovoy не могу сообразить, нужно в случае изменения данных в ячейке передать это значение именно выбранной ячейки.. пробую разные варианты с onchange не получается.

[Александр Суставов]

@andreypodkovyrov если еще актуально. делаем глобальную переменную например checkedCell, функцию clickCell меняем так:
var clickCell = function(elem) {
var myDiv = document.getElementById('myDiv');
myDiv.innerHTML = elem.innerHTML;

if(checkedCell == elem) {
return;
}
if(checkedCell != undefined) {
checkedCell.onchange = '';
}
checkedCell = elem;
checkedCell.onchange = function() {
clickCell(this);
};
};

Answer 2

[Дмитрий Энтелис]

на td этой таблицы, повесить событие onclick
в функции this - будет как раз ссылкой на td
берем его innerHTML ну и пишем куда надо.

код лень писать )

Answer 3

[Александр Борисович]

stackoverflow.com/questions/1827659/get-a-div-valu...

jQuery('#gregsButton').click(function() { 
    var mb = jQuery('#myDiv').text(); 
    alert(mb); 
});

api.jquery.com/html
читать
$( "div.demo-container" ).html(); записать

$( "div.demo-container" ).html('ляляляляляляляля');