Cambiar Input con valor de Select y BD

[JuJoGuAl]

Ok tengo un Select con datos de una tabla de Mysql... entonces me gustaria que al seleccionar el valor del select me cambie un input con otro valor de la misma tabla...

la tabla esta estructurada asi:

ID - CATEGORIA - CATEGORIAGENID
01 - SILLAS - MUEBLES
02 - MOUSE - COMPUTADORES
X - XXXX - XXX

entonces tengo asi:

Código HTML:

<select name="pro_cate" class="cuadro" id="pro_cate" onChange="Cambia(this)">
<option selected="selected">Seleccione una Opcion...</option>
<?php do { ?>    
<option value="
<?php                                                            $categen=$row_CategoriasGen['categoriagen'];
echo $row_CategoriasGen['ID'];
?>
"><?php echo $row_CategoriasGen['categoria']; ?></option>
<?php } while ($row_CategoriasGen = mysql_fetch_assoc($CategoriasGen)); ?>
</select> 

y mas abajito de ese codigo tengo este:

Código Javascript:

<script type="text/javascript">
var Valor = "<?php echo $categen; ?>";
function Cambia(Campo)
{                                                            document.productos.pro_categen.value=Valor;
}
</script>
 

y el campo que debe de cambiar...

Código HTML:

<input name="pro_categen" id="pro_categen" class="cuadro" type="text" value=""> 

Alguien Sabe como debo de hacerlo? en que me e equivocado???

[hasdpk]

¿Por algún casual has copiado y pegado ese código de algún lado?

[laratik]

hola JuJoGuAl, para lo que planteas se me ocurren de momento dos soluciones, la primera y mas obvia es utilizar AJAX. La segunda es utilizar una especie de "hack" que vi hace algún tiempo y trata de cargar todos los datos que puedas sobre el option para así luego al llamarlos estos contenga toda la información necesaria:

Código PHP:

 <option value="
<?php                                                            $categen=$row_CategoriasGen['categoriagen'];
echo $row_CategoriasGen['ID'];
?>
" codigo="<?php echo $row['nom']?>"><?php echo $row_CategoriasGen['categoria']; ?></option>  

de esta manera solo tendrías que sacar el atributo (getAttribute) codigo del option y pasárselo al value del input:

Código Javascript:

function cambiar()
{
    var sel = document.getElementById("pro_cate");
    var opt = sel.options[sel.selectedIndex].getAttribute('codigo');
    document.getElementById("pro_categen").value = opt;
}
 

Espero que te haya servido de ayuda.

[JuJoGuAl]

Iniciado por hasdpk

¿Por algún casual has copiado y pegado ese código de algún lado?

No lo postee en la seccion de java pero lo re postee aca por que creo que es mas php que java

Iniciado por laratik

hola JuJoGuAl, para lo que planteas se me ocurren de momento dos soluciones, la primera y mas obvia es utilizar AJAX. La segunda es utilizar una especie de "hack" que vi hace algún tiempo y trata de cargar todos los datos que puedas sobre el option para así luego al llamarlos estos contenga toda la información necesaria:

Código PHP:

 <option value="
<?php                                                            $categen=$row_CategoriasGen['categoriagen'];
echo $row_CategoriasGen['ID'];
?>
" codigo="<?php echo $row['nom']?>"><?php echo $row_CategoriasGen['categoria']; ?></option>  

de esta manera solo tendrías que sacar el atributo (getAttribute) codigo del option y pasárselo al value del input:

Código Javascript:

function cambiar()
{
    var sel = document.getElementById("pro_cate");
    var opt = sel.options[sel.selectedIndex].getAttribute('codigo');
    document.getElementById("pro_categen").value = opt;
}
 

Espero que te haya servido de ayuda.

Probare tu idea espero me sirva y te digo... Gracias