Cómo cambiar VALUE de un campo SELECT en el evento onsubmit() ???

Anarko · #1 (**permalink**) 09/01/2013, 12:58

Hola.

Puedes ver que este por ser CAMPO TEXT funciona de maravilla:

Código:


<form action="" id="formfact1" onsubmit="if(document.forms.formfact1.fact_pagada.value!=1){
document.forms.formfact1.fact_pagada.value='Cambiado!';
alert(document.forms.formfact1.fact_pagada.value);
}"><input type="text" name="fact_pagada"><input type="submit" value="Guardar Factura" class="b" /></form>

Pero este por ser un CAMPO SELECT me ha hecho perder horas... !!!

Código:

<form action="" id="formfact2" onsubmit="if(document.forms.formfact2.fact_pagada.value!=1){
document.forms.formfact2.fact_pagada.value='Cambiado!';
alert(document.forms.formfact2.fact_pagada.value);
}"><select name="fact_pagada"><option value="Algo1">Algo 1</value><option value="Algo2">Algo 2</value></select><input type="submit" value="Guardar Factura" class="b" /></form>

Cómo puedo manipular EL VALUE del campo SELECT???

rodrigo791 · #2 (**permalink**) 09/01/2013, 13:13

Antes de hacer lo que tengas que hacer comenzá por cerrar bien tus etiquetas y no se de donde sacaste que hay una etiqueta llamada <value>, value es 1 atributo

David · #3 (**permalink**) 09/01/2013, 13:19

El value de un select se comporta de manera diferente. Debe haber una opción con ese texto, y para mostrarlo cambiar el valor del select por el valor de esa opción o seleccionarlo por el índice.

Anarko · #4 (**permalink**) 09/01/2013, 13:25

Cita:

Iniciado por David

Debe haber una opción con ese texto, y para mostrarlo cambiar el valor del select por el valor de esa opción o seleccionarlo por el índice.

Gracias David.

Efectivamente son MUY DIFERENTES.

Necesito colocar un VALUE que no está en la LISTA:

Código PHP:

  <form action="" id="formfact2" 

onsubmit="if(document.forms.formfact2.fact_pagada.value!=1){ 

document.forms.formfact2.fact_pagada.value='Cambiado!'; 

alert(document.forms.formfact2.fact_pagada.selectedIndex+document.forms.formfact2.fact_pagada.value);

return false;

}"><select name="fact_pagada"><option value="Algo1">Algo 1</option><option 

value="Algo2">Algo 2</option></select><input type="submit" value="GuardarFactura" class="b" /></form>

Necesito cambiar el selectedIndex con un value que no existe en la lista.

Sí puede hacerse?

David · #5 (**permalink**) 09/01/2013, 13:27

Con una opción que no existe en la lista no es posible que yo sepa.

Solo si simulas un select con un campo text mostrando la lista desplegable con Javascript.

Anarko · #6 (**permalink**) 09/01/2013, 13:44

Cita:

Iniciado por David

Con una opción que no existe en la lista no es posible que yo sepa.

Eso es justo lo que requiero.

Y espero que se pueda, (esto es JavaScript!)

Cita:

Iniciado por David

Solo si simulas un select con un campo text mostrando la lista desplegable con Javascript.

Aqui enseño lo requerido de manera puntual:

Código PHP:

  <form action="" id="formfact2" 
onsubmit="if(document.forms.formfact2.fact_pagada.value!=1){
document.forms.formfact2.fact_pagada.value='Cambiado por un valor DINAMICO!'; 
}"><select name="fact_pagada"><option value="Algo1">Algo 1</option><option 
value="Algo2">Algo 2</option></select>
<input type="submit" value="GuardarFactura" class="b" /></form>

De que manera puedo cambiar ese valor del value que corresponde al selectedIndex ?

Solo veo esto:
http://www.desarrolloweb.com/articulos/1027.php

Anarko · #7 (**permalink**) 09/01/2013, 13:55

Cita:

Iniciado por David

Debe haber una opción con ese texto.

Gracias por tu ayuda David.

Efectivamente existe la opción. Aki esta:

Código PHP:

  <form action="" id="formfact2" 

onsubmit="if(document.forms.formfact2.fact_pagada.value!=1){ 

document.forms.formfact2.fact_pagada.options[0].value='Cambiado!'; 

alert(document.forms.formfact2.fact_pagada.value);

return false;

}"><select name="fact_pagada"><option value="Algo1">Algo 1</option><option 

value="Algo2">Algo 2</option></select><input type="submit" value="GuardarFactura" class="b" /></form>

Lo bueno sería hallar la manera de cambiar el value del índice option[*] donde * es "desconocido por el Script".

Lo hallé fácil por que sé de santemano que mi índice es 0, pero si tenemos 200 options... ¿?

Salu2!

:)

David · #8 (**permalink**) 09/01/2013, 13:55

Quizás si nos explicas por qué necesitas hacerlo podamos encontrar alguna forma.

Por ejemplo, si es por el valor que quieres recibir en el servidor podrías guardar en un campo oculto donde sí puedes cambiar el valor como quieras; quizás si sabemos por qué lo necesitas podamos recomendar mejores opciones.

David · #9 (**permalink**) 09/01/2013, 13:57

¿Probaste esto?:

Código Javascript:

Ver originaldocument.forms.formfact2.fact_pagada.options[document.forms.formfact2.selectedIndex].value='Cambiado!';

Anarko · #10 (**permalink**) 09/01/2013, 14:14

Cita:

Iniciado por David

¿Probaste esto?:

Código Javascript:

Ver originaldocument.forms.formfact2.fact_pagada.options[document.forms.formfact2.selectedIndex].value='Cambiado!';

Tu linea es interesante David.

Si miras mas arriba, en el mismo minuto de tu MSJ respondí con una solución, (limitada al INDEX 0), la cual reescribo:

Código PHP:

  <form action="" id="formfact2" 

onsubmit="if(document.forms.formfact2.fact_pagada.value!=1){ 

document.forms.formfact2.fact_pagada.options[0].value='Cambiado!'; 

alert(document.forms.formfact2.fact_pagada.value);

return false;

}"><select name="fact_pagada"><option value="Algo1">Algo 1</option><option 

value="Algo2">Algo 2</option></select><input type="submit" value="GuardarFactura" class="b" /></form>

Con tu linea

Código PHP:

  document.forms.formfact2.fact_pagada.options[document.forms.formfact2.selectedIndex].value='Cambiado!';

me devuelve un error.

Pero esa linea puede ser solución para índices diferentes de 0, que es una limitante inmensa.

Si logras corregir la opción para n índices te agradecermos la publíques.

:)

David · #11 (**permalink**) 09/01/2013, 14:18

Da error porque olvidé poner el nombre del select. Así debería haber sido el ejemplo:

Código Javascript:

Ver originalthis.fact_pagada.options[this.fact_pagada.selectedIndex].value = 'Cambiado!';

Anarko · #12 (**permalink**) 09/01/2013, 14:23

Cita:

Iniciado por David

Da error porque olvidé poner el nombre del select.

David adicione la línea al FORM:

Código PHP:

  <form action="" id="formfact2" 

onsubmit="if(document.forms.formfact2.fact_pagada.value!=1){ 

this.fact_pagada.options[this.fact_pagada.selectedIndex].value = 'Cambiado!';

alert(document.forms.formfact2.fact_pagada.value);

return false;

}"><select name="fact_pagada"><option value="Algo1">Algo 1</option><option 

value="Algo2">Algo 2</option></select><input type="submit" value="GuardarFactura" class="b" /></form>

Pero cambia el VALUE para TODAS LAS OPTIONS.

Gracias

David · #13 (**permalink**) 09/01/2013, 14:27

No, solo cambia para la opción seleccionada al momento de intentar enviar el formulario. Explícame cuál es el resultado que necesitas, porque no entendí la verdad.

Anarko · #14 (**permalink**) 09/01/2013, 14:49

Gracias por tu tiempo David.

Requiero que si LA FACTURA NO HA SIDO PAGADA, el FORM envie la FECHA '0000-00-00'.

Aqui esta el FORM Completo:

Código PHP:

  <form action="" id="formfact" onsubmit="if(document.forms.formfact.fact_pagada.value!=1){document.forms.formfact.fact_a1.options[0].value='0000';document.forms.formfact.fact_m1.options[0].value='00';document.forms.formfact.fact_d1.options[0].value='00';alert(document.forms.formfact.fact_d1.value);return false;}"><input type="hidden" name="accion" value="fact" /><input type="hidden" name="fact_user" value="4187" /><table id="factura" border="1" cellpadding="5" class="c_tm"><tr><td><select name="fact_pagada" class="fwb sel_cm" onchange="if(this.value!=1)document.getElementById('fact_fecha_pago').style.display='none';else document.getElementById('fact_fecha_pago').style.display='block';"><option value="0">Aún no pagada</option><option value="1">Fecha de pago</option></select></td><td class="tn" id="fact_fecha_pago" style="display:none;"><select name="fact_m1" class="sel_c">
    <option value="01" selected="selected">Enero</option>
    <option value="02">Febrero</option>
    <option value="03">Marzo</option>
    <option value="04">Abril</option>
    <option value="05">Mayo</option>
    <option value="06">Junio</option>
    <option value="07">Julio</option>
    <option value="08">Agosto</option>
    <option value="09">Septiembre</option>
    <option value="10">Octubre</option>
    <option value="11">Noviembre</option>
    <option value="12">Diciembre</option>
    </select><select name="fact_d1" class="sel_c">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09" selected="selected">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    </select> de <select name="fact_a1" class="sel_c">
    <option value="2012">2012</option>
    <option value="2013" selected="selected">2013</option>
    </select></td></tr><tr><td class="tn tc" colspan="2"><input type="submit" value="Guardar Factura" class="b" /></td></tr></table></form>

emprear · #15 (**permalink**) 09/01/2013, 14:59

Vamos por partes, primero para hacerlo más ordenado deberías crear una función

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function func(){
alert(document.forms.formfact2.fact_pagada.value);
if(document.forms.formfact2.fact_pagada.value != "Algo1"){
alert('Es Algo2');
return false;
}else{
return false;
}
 
}
//]]>
</script>
 
</head>
<body>
<form action="#" id="formfact2" onsubmit="return func();">
<select name="fact_pagada">
<option value="Algo1">Algo 1</option>
<option  value="Algo2">Algo 2</option>
</select>
<input type="submit" value="GuardarFactura" class="b" /></form> 
</body>
</html>

Si mirás mi función cambié la condición, porque la tuya no tiene mucha lógica, ya que siempre se va a cumplir debido a

No hay ningún value ="1" en tus options, además te aclaro que los forms siempre devuelven strings y vos hacés una comparación numérica.

Cual es exactamente el objetivo? no lo termino de entender
SAludos

Anarko · #16 (**permalink**) 09/01/2013, 15:01

David de nuevo: Muchas gracias

Con tu linea el FORM ahora se comporta tal como lo requiero.

:)

Ahora trabaja PERFECTO !!!

Código PHP:

  <form action="" id="formfact" onsubmit="if(document.forms.formfact.fact_pagada.value!=1){

    this.fact_a1.options[this.fact_a1.selectedIndex].value='0000';

    this.fact_m1.options[this.fact_m1.selectedIndex].value='00';

    this.fact_d1.options[this.fact_d1.selectedIndex].value='00';}"><input type="hidden" name="accion" value="fact" /><input type="hidden" name="fact_user" value="4187" /><table id="factura" border="1" cellpadding="5" class="c_tm"><tr><td><select name="fact_pagada" class="fwb sel_cm" onchange="if(this.value!=1)document.getElementById('fact_fecha_pago').style.display='none';else document.getElementById('fact_fecha_pago').style.display='block';"><option value="0">Aún no pagada</option><option value="1">Fecha de pago</option></select></td><td class="tn" id="fact_fecha_pago" style="display:none;"><select name="fact_m1" class="sel_c">

    <option value="01" selected="selected">Enero</option>

    <option value="02">Febrero</option>

    <option value="03">Marzo</option>

    <option value="04">Abril</option>

    <option value="05">Mayo</option>

    <option value="06">Junio</option>

    <option value="07">Julio</option>

    <option value="08">Agosto</option>

    <option value="09">Septiembre</option>

    <option value="10">Octubre</option>

    <option value="11">Noviembre</option>

    <option value="12">Diciembre</option>

    </select><select name="fact_d1" class="sel_c">

    <option value="01">01</option>

    <option value="02">02</option>

    <option value="03">03</option>

    <option value="04">04</option>

    <option value="05">05</option>

    <option value="06">06</option>

    <option value="07">07</option>

    <option value="08">08</option>

    <option value="09" selected="selected">09</option>

    <option value="10">10</option>

    <option value="11">11</option>

    <option value="12">12</option>

    <option value="13">13</option>

    <option value="14">14</option>

    <option value="15">15</option>

    <option value="16">16</option>

    <option value="17">17</option>

    <option value="18">18</option>

    <option value="19">19</option>

    <option value="20">20</option>

    <option value="21">21</option>

    <option value="22">22</option>

    <option value="23">23</option>

    <option value="24">24</option>

    <option value="25">25</option>

    <option value="26">26</option>

    <option value="27">27</option>

    <option value="28">28</option>

    <option value="29">29</option>

    <option value="30">30</option>

    <option value="31">31</option>

    </select> de <select name="fact_a1" class="sel_c">

    <option value="2012">2012</option>

    <option value="2013" selected="selected">2013</option>

    </select></td></tr><tr><td class="tn tc" colspan="2"><input type="submit" value="Guardar Factura" class="b" /></td></tr></table></form>

Cita:

Iniciado por David

Con una opción que no existe en la lista no es posible que yo sepa...

Ahora LOS DOS sabemos que SI SE PUEDE !!!

:)

De nuevo gracias.

David · #17 (**permalink**) 09/01/2013, 16:06

Me alegro que haya funcionado.

Cita:

Iniciado por Anarko

Ahora LOS DOS sabemos que SI SE PUEDE !!!

Pensé quera otra cosa la que necesitabas, por eso había dicho que no se podía.