Problema con onchange

angeliknlopez · #1 (**permalink**) 04/07/2008, 09:58

Hola muy buenos dias...

Espero q alguien pueda ayudarme a solucionar este problemita

Lo que pasa es q tengo el siguiente codigo:

Cita:

<table style="border: 1px solid black;" bgcolor=#F5F5F5 cellspacing=10 width=100%>
<tr><td><b>Proyecto: </b>                
    
<select onchange="return function(o){document.getElementById('ProyMontoValo r').value=o.options[o.selectedIndex].value;return false;}(this);" name="A_GMonto">
<option value=0>Seleccione un Proyecto...</option>
<?php
$proy = mysql_query("SELECT * FROM proymonto") or die("Error al seleccionar el Proyecto");
while($f = mysql_fetch_array($proy)) {
echo "<option value=\"$f[ProyMontoValor]\">";
echo urldecode($f['ProyMontoProy']);
echo "</option>";
}
mysql_free_result($proy);

?>
</select>
</td></tr>
<tr><td><b>Valor del Monto ($): </b> 
<input id="ProyMontoValor" type=text name="A_GMonto" readonly="readonly" size=10></td></tr>

y con esto, ps saco el valor del proyecto... pero el inconveniente q tengo.. es que no me esta guardando el nombre del proyecto.
Entonces, la pregunta q yo tengo es que si en la linea
echo "<option value=\"$f[ProyMontoValor]\">";
puedo colocar dos valores, es decir \"$f[ProyMontoValor]\" y \"$f[ProyMontoProy]\" en el mismo option?????
para poder sacar un
<input id="ProyMontoProy" type=text name="A_GProyecto" readonly="readonly" size=35>
que me saq el nombre del proyecto.. y en caso de que se pueda.. me podrian explicar si el name del select se podria entonces usar en los dos input???

Espero haberme hecho entender..
Muchas gracias ... por sus oportes

Angie

GatorV · #2 (**permalink**) 04/07/2008, 10:44

Hola angelinknlopez,

Lo que puedes hacer es lo siguiente:

Código PHP:

  echo "<option value=\"$f[ProyMontoValor]||$f[ProyMontoProy]\">";

Entonces en tu javascript:

Código:

<select onchange="return function(o){document.getElementById('ProyMontoValor').value = o.options[o.selectedIndex].value.split("||")[1];return false;}(this);" name="A_GMonto">

Saludos.

Tema trasladado a Javascript.

foreverOdd · #3 (**permalink**) 04/07/2008, 10:50

Hola Angelica
El atributo name puede ser el mismo para mas de un elemento del DOM.

Código PHP:

 
<table style="border: 1px solid black;" bgcolor=#F5F5F5 cellspacing=10 width=100%>
<tr><td><b>Proyecto: </b>
<select onchange="document.getElementById('ProyMontoValor').value=
document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].value;"
document.getElementById('ProyNombrer').value=
document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].text;"  name="A_GMonto" id='miSelect'>
<option value=0>Seleccione un Proyecto...</option>
<?php
$proy = mysql_query("SELECT * FROM proymonto") or die("Error al seleccionar el Proyecto");
while($f = mysql_fetch_array($proy)) {
echo "<option value=\"$f[ProyMontoValor]\">";
echo urldecode($f['ProyMontoProy']);
echo "</option>";
}
mysql_free_result($proy);

?>
</select>
</td></tr>
<tr><td><b>Valor del Monto ($): </b>&nbsp;
<input id="ProyNombre" type=text name="A_GMonto" readonly="readonly" size=10>
<input id="ProyMontoValor" type=text name="A_GMonto" readonly="readonly" size=10></td></tr>

trata con esto a ver

angeliknlopez · #4 (**permalink**) 04/07/2008, 10:56

Cita:

Iniciado por foreverOdd

Hola Angelica
El atributo name puede ser el mismo para mas de un elemento del DOM.

Código PHP:

 
<table style="border: 1px solid black;" bgcolor=#F5F5F5 cellspacing=10 width=100%>

<tr><td><b>Proyecto: </b>

<select onchange="document.getElementById('ProyMontoValor').value=

document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].value;"

document.getElementById('ProyNombrer').value=

document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].text;"  name="A_GMonto" id='miSelect'>

<option value=0>Seleccione un Proyecto...</option>

<?php

$proy = mysql_query("SELECT * FROM proymonto") or die("Error al seleccionar el Proyecto");

while($f = mysql_fetch_array($proy)) {

echo "<option value=\"$f[ProyMontoValor]\">";

echo urldecode($f['ProyMontoProy']);

echo "</option>";

}

mysql_free_result($proy);

 
?>

</select>

</td></tr>

<tr><td><b>Valor del Monto ($): </b>&nbsp;

<input id="ProyNombre" type=text name="A_GMonto" readonly="readonly" size=10>

<input id="ProyMontoValor" type=text name="A_GMonto" readonly="readonly" size=10></td></tr>

trata con esto a ver

Muchas gracias, voy a ensayarlo...

Angie

angeliknlopez · #5 (**permalink**) 04/07/2008, 11:11

Cita:

Iniciado por GatorV

Hola angelinknlopez,

Lo que puedes hacer es lo siguiente:

Código PHP:

  echo "<option value=\"$f[ProyMontoValor]||$f[ProyMontoProy]\">";

Entonces en tu javascript:

Código:

<select onchange="return function(o){document.getElementById('ProyMontoValor').value = o.options[o.selectedIndex].value.split("||")[1];return false;}(this);" name="A_GMonto">

.

Y entonces GatorV..
como colocaria los input??
ps el del valor del nombre lo tendria asi:

Cita:

pero el del nombre del proyecto??

Muchas gracias

Angie

angeliknlopez · #6 (**permalink**) 04/07/2008, 13:44

GatorV y en esta linea:

Cita:

No es necesario, mencionar el nombre del proyecto????

Gracias.

angeliknlopez · #7 (**permalink**) 04/07/2008, 13:58

Cita:

Iniciado por foreverOdd

Hola Angelica
El atributo name puede ser el mismo para mas de un elemento del DOM.

Código PHP:

 
<table style="border: 1px solid black;" bgcolor=#F5F5F5 cellspacing=10 width=100%>

<tr><td><b>Proyecto: </b>

<select onchange="document.getElementById('ProyMontoValor').value=

document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].value;"

document.getElementById('ProyNombrer').value=

document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].text;"  name="A_GMonto" id='miSelect'>

<option value=0>Seleccione un Proyecto...</option>

<?php

$proy = mysql_query("SELECT * FROM proymonto") or die("Error al seleccionar el Proyecto");

while($f = mysql_fetch_array($proy)) {

echo "<option value=\"$f[ProyMontoValor]\">";

echo urldecode($f['ProyMontoProy']);

echo "</option>";

}

mysql_free_result($proy);

 
?>

</select>

</td></tr>

<tr><td><b>Valor del Monto ($): </b>&nbsp;

<input id="ProyNombre" type=text name="A_GMonto" readonly="readonly" size=10>

<input id="ProyMontoValor" type=text name="A_GMonto" readonly="readonly" size=10></td></tr>

trata con esto a ver

Hola foreverOdd. muchas gracias...

Como te parece q trate con tu codigo... y ya casito :P
en los dos input sale el nombre del proyecto.. ahora lo q esta perdido es el valor del monto :(

Espero q me puedas seguir ayudando.. porq la verdad no entiendo nada de lo q esta en el onchange.

Mil Gracias

Angie

foreverOdd · #8 (**permalink**) 04/07/2008, 15:10

pon esto en el HEAD

Código PHP:

  <script>
function setValores(){

document.getElementById('ProyMontoValor').value=document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].value;
//esta linea asigna el value de la opcion del combo al text con id='ProyMontoValor'
document.getElementById('ProyNombre').value=document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].text;
//esta linea asigna el text de la opcion del combo al text con id='ProyNombre'
}
</script>

el resto seria:

Código PHP:

  
<table style="border: 1px solid black;" bgcolor=#F5F5F5 cellspacing=10 width=100%>
<tr><td><b>Proyecto: </b>
<select onchange="setValores()" name="A_GMonto" id='miSelect'>
<option value=0>Seleccione un Proyecto...</option>
<?php
$proy = mysql_query("SELECT * FROM proymonto") or die("Error al seleccionar el Proyecto");
while($f = mysql_fetch_array($proy)) {
echo "<option value=ACA VALOR DEL PROYECTO>";
echo ACA NOMBRE DE PROYECTO
echo "</option>";
}
mysql_free_result($proy);

?>
</select>
</td></tr>
<tr><td><b>Valor del Monto ($): </b>&nbsp;
<input id="ProyNombre" type=text name="A_GMonto" readonly="readonly" size=10>
<input id="ProyMontoValor" type=text name="A_GMonto" readonly="readonly" size=10></td></tr>

Saludos

angeliknlopez · #9 (**permalink**) 04/07/2008, 15:22

Cita:

Iniciado por foreverOdd

pon esto en el HEAD

Código PHP:

  <script>

function setValores(){

 
document.getElementById('ProyMontoValor').value=document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].value;

//esta linea asigna el value de la opcion del combo al text con id='ProyMontoValor'

document.getElementById('ProyNombre').value=document.getElementById('miSelect').options[document.getElementById('miSelect').selectedIndex].text;

//esta linea asigna el text de la opcion del combo al text con id='ProyNombre'

}

</script>

el resto seria:

Código PHP:

  
<table style="border: 1px solid black;" bgcolor=#F5F5F5 cellspacing=10 width=100%>

<tr><td><b>Proyecto: </b>

<select onchange="setValores()" name="A_GMonto" id='miSelect'>

<option value=0>Seleccione un Proyecto...</option>

<?php

$proy = mysql_query("SELECT * FROM proymonto") or die("Error al seleccionar el Proyecto");

while($f = mysql_fetch_array($proy)) {

echo "<option value=ACA VALOR DEL PROYECTO>";

echo ACA NOMBRE DE PROYECTO

echo "</option>";

}

mysql_free_result($proy);

 
?>

</select>

</td></tr>

<tr><td><b>Valor del Monto ($): </b>&nbsp;

<input id="ProyNombre" type=text name="A_GMonto" readonly="readonly" size=10>

<input id="ProyMontoValor" type=text name="A_GMonto" readonly="readonly" size=10></td></tr>

Saludos

Hayyyyyyyyyyy que dichaaaaa.. me funcionooo-- muchas muchas gracias
muacc... un pico de agradecimiento :D

Que tengas un excelente dia

Angie