[SOLUCIONADO] Duda con javascript

[a2a]

Hola buenas, comento mi duda: resulta que estoy haciendo un programa que cree una tabla dinamica con la consulta que hago con php a mi base de datos y la muestre en la pagina web. Hasta ahi me funciona todo correcto, pero el problema me surge cuando quiero seleccionar una fila de la tabla (para eso he puesto un input de tipo radio).
Lo que intento hacer es que este tome el valor de la fila pero la cosa es que no me sale ninguna de las formas que probe.

Este es el codigo que me da dificultades:


<?php for($i=0;$i<sizeof($consulta);$i++){
?>
<tr>
<td> <input id= "seleccionado" type="radio" name="seleccionado" value= "'<?php $i ?>" > </td>
<td> <?php echo $num_pedido[$i] ?> </td>
<td> <?php echo $nombre_destinatario[$i] ?> </td>
}

no se si queda suficientemente claro, si no alguna otra manera de seleccionar la fila y que al seleccionarla se obtenga el valor de num_pedido.

Muchas gracias por su tiempo
Un saludo

[IsaBelM]

este tema te aclarará algunos conceptos

[a2a]

Hola, gracias por contestar.
Creo que si tendria que hacer lo de que no se me repitan los ids como dices en el enlace ese, y al tener declarado solo un radio pero si hay mas de una fila se pintan mas ya que es dinamico.
Pero no me termina de quedar del todo claro lo que hace la funcion del script:
tendria esto

<td> <input id= "seleccionado" type="radio" name="seleccionado" onclick='toggle(this,this.nextElementSibling)' > </td>

ese es el radio y luego la funcion es esto

<script type="text/javascript">

function toggle(este,nxt){
nxt.style.display = este ? "inline" : 'none';
}


</script>

y de todas maneras el debug del navegador me da error en el nxt.style y no se que puede ser.
Me podriais solucionar un poco esto muchas gracias

[IsaBelM]

deberías haber seguido leyendo. a diferencia de mostrar o ocultar un control, en tu caso es obtener el texto introducido en el <td>

[a2a]

hola isabelm muchas gracias por contestar, te pongo mi codigo y te comento

for($i=0;$i<sizeof($consulta);$i++){
?>
<tr>
<td> <input class="radio-seleccionado" type="radio" name="seleccionado" onclick='toggle(this,this.nextElementSibling)' > </td>
<td class="num_pedido"> <?php echo $num_pedido[$i] ?> </td>

...
<tr>
<?php } ?>





<script type="text/javascript">

[].forEach.call(document.querySelectorAll('.radio-seleccionado'), function(elem, i) {
elem.addEventListener('click', function() {
toggle(this.checked, i)}, false);
})

function toggle(este, i) {
document.querySelectorAll('.num_pedido')[i].style.display = este ? "inline" : 'none';
}



Resulta que cuando chequeo el radio me sobresalta el valor del num_pedido y lo saca por asi decirlo de la tabla. Y segun e estado leyendo la funcion toggle del jquery muestra los elementos web por asi decirlo, y lo que yo necesito es coger el num_pedido de la fila del radio y mandarlo por un input de tipo boton para que lo recoja otro php, nada mas eso. Asique quiza el codigo este este bien pero sin la funcion toggle y poniendo otra cosa, no se si estare en lo cierto asique si me podeis echar un cable, y si no estoy en lo cierto me lo podríais aclar un poco, muchas graciais por vuestras molestias.

[IsaBelM]

<td> <input class="radio-seleccionado" type="radio" name="seleccionado" > </td>
<td class="num_pedido"> <?php echo $num_pedido[$i] ?> </td>

[].forEach.call(document.querySelectorAll('.radio-seleccionado'), function(elem, i) {
elem.addEventListener('click', function() {
console.log(document.querySelectorAll('.num_pedido ')[i].innerHTML);
}, false);
})

ahora asignas esa cadena al elemento que quieras

[a2a]

Muchisimas gracias isabelM de verdad es justo lo que quería.
Una última cosa y no vuelvo a molestar con el tema jeje.

Ahora ando mandando el valor obtenido a otro fichero php para que lo lea por un _POST. La cosa es que no me lo reconoce del todo.


<input id= "boton" type="submit" name="submit" value="Modificar" onclick='mysubmit(a)'>

[].forEach.call(document.querySelectorAll('.radio-seleccionado'), function(elem, i) {
elem.addEventListener('click', function() {
var a= document.querySelectorAll('.num_pedido ')[i].innerHTML;
mysubmit(a);
}, false);
})

function mysubmit(a){

var url = "recogerdatos.php?id="+a;
document.getElementById("form").setAttribute('acti on',url);
}


Y en el otro fichero recogerdatos.php

$num_pedido = $_POST["num_pedido"];



La cosa es que no tengo claro que valor iría en el post, ya que solo lo he hecho cuando era con input de tipo texto, y si en vez de post es con get.
Y ptra cosa si el onclick del input es correcto?
Creo que si me das una idea de esas cosas estaría resuelta la duda.
Muchisimas gracias

[IsaBelM]

el formularios con un campo hidden

<form action="recogerdatos.php" method="post">
<input type="hidden" value="" id="oculto" />
<?php for($i=0;$i<sizeof($consulta);$i++){
?>
<tr>
<td> <input class="radio-seleccionado" type="radio" name="seleccionado" > </td>
<td class="num_pedido"> <?php echo $num_pedido[$i] ?> </td>
</tr>
<?php }?>
</form>

una modificación en el javascript

[].forEach.call(document.querySelectorAll('.radio-seleccionado'), function(elem, i) {
elem.addEventListener('click', function() {
document.getElementById('oculto').value = document.querySelectorAll('.num_pedido ')[i].innerHTML;
}, false);
})

recoger el valor

$num_pedido = $_POST["oculto"];