[SOLUCIONADO] Obtener id y texto de un select

[Briss]

Hola a todos tengo este código con el cual estoy tratando de pasar mi elemento elegido a un input text... funfiona bien pero necesito que mi text pescolar tenga el $Name(texto) y no el $id... ya cambie <option value='$Name'> y lo hace pero necesito tener los dos valores el $id y el $Name... Desde ya GRACIAS

Código PHP:

 <select name="periodo"  style="width:260px" onClick="document.getElementById('pescolar').value=this.value;" >
 <option value="0">Elige una opción</option>
<?php   
 
 do {    
  $id = $row_ciclo['id']; 
  $Name = $row_ciclo['periodo']; 
  echo " <option value='$id'>$Name</option>"; 
 } while ($row_ciclo = mysql_fetch_assoc($ciclo));  
?>  
        </select>
        <input  type="text"  name="pescolar" id="pescolar"  value="" />  

[jonni09lo]

Cambia tu onclick por un onchange que sería lo correcto. Además lo ideal sería de que delegues una función para que haga el trabajo (ya que no se lo puede hacer en unas pocas lineas de código)

Código PHP:

<select name="periodo"  style="width:260px" onchange="setValues(this)" > 
    <option value="0">Elige una opción</option> 
    <?php    
    do {     
    $id = $row_ciclo['id'];  
    $Name = $row_ciclo['periodo'];  
    echo " <option value='$id'>$Name</option>";  
    } while ($row_ciclo = mysql_fetch_assoc($ciclo));   
    ?>   
</select> 
<input  type="text"  name="pescolar" id="pescolar"  value="" />
 

Y en tu head dentro de unas etiquetas script coloca

Código Javascript:

function setValues(select){
    var text = select.options[select.selectedIndex].text,
        id = select.value;
    document.getElementById('pescolar').value = text + " " +id;
}
 

Demo

Ya queda de ti como modificarlo

Saludos

[Briss]

Iniciado por jonni09lo

Cambia tu onclick por un onchange que sería lo correcto. Además lo ideal sería de que delegues una función para que haga el trabajo (ya que no se lo puede hacer en unas pocas lineas de código)

Código PHP:

<select name="periodo"  style="width:260px" onchange="setValues(this)" > 
    <option value="0">Elige una opción</option> 
    <?php    
    do {     
    $id = $row_ciclo['id'];  
    $Name = $row_ciclo['periodo'];  
    echo " <option value='$id'>$Name</option>";  
    } while ($row_ciclo = mysql_fetch_assoc($ciclo));   
    ?>   
</select> 
<input  type="text"  name="pescolar" id="pescolar"  value="" />
 

Y en tu head dentro de unas etiquetas script coloca

Código Javascript:

function setValues(select){
    var text = select.options[select.selectedIndex].text,
        id = select.value;
    document.getElementById('pescolar').value = text + " " +id;
}
 

Demo

Ya queda de ti como modificarlo

Saludos

Gracias ;) Bastante bien explicado