Педедача данных в js из строки таблицы

[Павел Иванов]

Доброго времени суток, уважаемые!

ни как не могу решить одну, казалось бы, даже не проблему.

Есть динамически создаваемая таблица с данными из MySQL и в конце каждой строки необходимо установить кнопку, "Просмотреть информацию",

код:

<table>

<?php

while ($Tab = mysql_fetch_array($ResOtd)){

$name = $Tab['name_otd'];

$addr = $Tab['address_otd'];

$email = $Tab['email'];

$IdOtd = $Tab['id_otd'];

echo '<TR>

<td>'.$name.'</TD><TD>'.$addr.'</TD><TD>'.$email.'</td>

<td align="center">

<form method="POST" id="myform">

<input type="hidden" value="'.$IdOtd.'" id="IdOtd" name="IdOtd"></td>

<td><input type="button" onclick="javascript:ViewOtdel();" class="ViewButton">

</form>

</td>

</TR>';

}

echo '</tbody>

</TABLE>';

?>

чтобы проверить работу данного кода создал функцию:

function ViewOtdel(){

var id_otd = $('#IdOtd').val();

window.alert(id_otd); }

По идеи должно выходить сообщение с индексом строки, однако выходит сообщение с цифрой 1, в какой строке я бы не нажал кнопку.

укажите пожалуйста, в каком месте я ошибся.

Спасибо.

[Zverushka]

<input type="hidden" value="'.$IdOtd.'" id="IdOtd" name="IdOtd"></td>

Что получается, что на странице несколько инпутов с одинаковыми ID, которые в принципе должны быть уникальными? Поэтому скрипт берет всегда первый ид, что он нашел на странице с этим именем...

[Zverushka]

Вот скриптик, который делает то, что нужно. И не нужно никаких "onlick" в теле html (еще бы убрать табличную верстку!).

http://jsfiddle.net/cJ8MV/9/

Edited July 16, 2013 by Zverushka

[Павел Иванов]

Спасибо, ваш пример очень помог, хотя нужно будет еще разобраться в нем.

Что получается, что на странице несколько инпутов с одинаковыми ID, которые в принципе должны быть уникальными? Поэтому скрипт берет всегда первый ид, что он нашел на странице с этим именем...

я полагал, что при генерации таблицы, на каждой новой строке генерируется и <form...> с какими то локальными значениями, в том числе и id, по этому в пределах формы они уникальны. От этого и плясал.

В дальнейшем, планировалось работать с таблицами, где будет необходимо вставлять по несколько кнопок в каждой строке.

еще бы убрать табличную верстку!

Не совсем понял, что имелось в виду?

Спасибо!

[Zverushka]

Про табличную верстку я имела в виду все тоже самое, но не в таблице, а в div. Хотя я не вижу полный код, может тут и таблица нужна, так что не обращайте на этот совет внимания.

А скрипт очень простой, думаю прежде всего смутила строка:

var num = $(this).parent().prev().children().children("[type=hidden]").val();

В ней мы перемещаемся по дереву DOM из текущего элемента, которым является кнопка к скрытому инпуту с помощью jquery. Сначала идем к родителю (<td>), потом к элементу, что находится левее(.prev()) него в дереве - рядом лежащий <td>, дальше мы получаем потомки этого элемента через children (<form>) и в ней мы опять получаем потомка со значением [type=hidden] - то есть получаем наше скрытое поле. И лишь затем достаем из него значение.

[Павел Иванов]

Отлично!

Большое спасибо, все получилось, как и задумывалось.