Control de campos select con Javascript

  • Por
Descripción y ejemplo para el control de campos de formulario select, también llamados listas desplegables o combo box.

El objeto select de un formulario es una de esas listas desplegables que nos permiten seleccionar un elemento. Se despliegan apretando sobre una flecha, a continuación se puede escoger un elemento y para acabar se vuelven a plegar. Se puede ver un elemento select de un formulario a continuación.

Uno de estos elementos se puede obtener utilizando la etiqueta <SELECT> dentro de un formulario. A la etiqueta le podemos añadir un atributo para darle el nombre, NAME, para luego acceder a ese campo mediante Javascript. Para expresar cada una de las posibles opciones del campo select utilizamos una etiqueta <OPTION> a la que le introducimos un atributo VALUE para expresar su valor. El texto que colocamos después de la etiqueta <OPTION> sirve como etiqueta de esa opción, es el texto que ve el usuario asociado a esa opción.

Propiedades del objeto select

Vamos a ver una lista de las propiedades de este elemento de formulario.

length

Guarda la cantidad de opciones del campo select. Cantidad de etiquetas <OPTION>

Option

Hace referencia a cada una de sus opciones. Son por si mismas objetos.

options

Un array con cada una de las opciones del select.

selectedIndex

Es el índice de la opción que se encuentra seleccionada.

Aparte de las conocidas propiedades comunes a todos los elementos de formulario: form y name y type.

Métodos del objeto select

Los métodos son solamente 2 y ya conocemos su significado.

blur()

Para retirar el foco de la aplicación de ese elemento de formulario.

focus()

Para poner el foco de la aplicación.

Objeto option

Tenemos que pararnos a ver también este objeto para entender bien el campo select. Recordamos que las option son las distintas opciones que tiene un select, expresadas con la etiqueta <OPTION>.

Propiedades de option

Estos objetos sólo tienen propiedades, no tienen métodos. Vamos a verlas.

defaultSelected

Indica con un true o un false si esa opción es la opción por defecto. La opción por defecto se consigue con HTML colocando el atributo selected a un option.

index

El índice de esa opción dentro del select.

selected

Indica si esa opción se encuentra seleccionada o no.

text

Es el texto de la opción. Lo que puede ver el usuario en el select, que se escribe después de la etiqueta <OPTION>.

value

Indica el valor de la opción, que se introduce con el atributo VALUE de la etiqueta <OPTION>.

Ejemplo de acceso a un select

Vamos a ver un ejemplo sobre cómo se accede a un select con Javascript, como podemos acceder a sus distintas propiedades y a la opción seleccionada.

Vamos a empezar viendo el formulario que tiene el select con el que vamos a trabajar. Es un select que sirve para valorar el web que estamos visitando.

<form name="fomul"> 
Valoración sobre este web: 
<select name="miSelect"> 
<option value="10">Muy bien 
<option value="5" selected>Regular 
<option value="0">Muy mal 
</select> 
<br> 
<br> 
<input type=button value="Dime propiedades" onclick="dimePropiedades()"> 
</form>

Ahora vamos a ver una función que recoge las propiedades más significativas del campo select y las presenta en una caja alert.

function dimePropiedades(){ 
   	var texto 
   	texto = "El numero de opciones del select: " + document.formul.miSelect.length 
   	var indice = document.formul.miSelect.selectedIndex 
   	texto += "nIndice de la opcion escogida: " + indice 
   	var valor = document.formul.miSelect.options[indice].value 
   	texto += "nValor de la opcion escogida: " + valor 
   	var textoEscogido = document.formul.miSelect.options[indice].text 
   	texto += "nTexto de la opcion escogida: " + textoEscogido 
   	alert(texto) }

Esta función crea una variable de texto donde va introduciendo cada una de las propiedades del select. La primera contiene el valor de la propiedad length del select, la segunda el índice de la opción seleccionada y las dos siguientes contienen el valor y el texto de la opción seleccionada. Para acceder a la opción seleccionada utilizamos el array options con el índice recogido en las segunda variable.

Podemos ver el ejemplo en funcionamiento aquí.

Podemos ver un ejemplo más practico sobre qué se puede hacer con un campo select en el reportaje de cómo hacer un navegador desplegable con Javascript.

Propiedad value de un objeto select

Para acceder al valor seleccionado de un campo select podemos utilizar la propiedad value del campo select en lugar de acceder a partir del vector de options.

Para el anterior formulario sería algo parecido a esto.

formul.miSelect.value

Sin embargo, esta propiedad sólo está presente en navegadores Internet Explorer, por lo que es recomendable acceder utilizando el vector de options con el índice de la posición seleccionada si deseamos que la página sea compatible con todos los navegadores. Hemos querido añadir este punto para que, si alguna vez utilizamos o vemos utilizar este método de acceso, sepamos su pega y porque es mejor utilizar el vector de options.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

oscar

03/11/2006
quisiera saber como hacer para que al seleccionar un de las opciones de un select cargue diferentes opciones en otro select.
ej. un select con paises y otro con ciudades que dependen del pais seleccionado

Ricky

19/1/2007
Hola, yo estoy haciendo mis pruebas en un navegador Firefox, y me funciona la linea formul.miSelect.value , quizá sea porque y implemetaron su uso directo en este navegador. Nada mas, saludos.

franjo

31/3/2009
Excelente articulo en un componente tan complejo como este. Solo remarcar que en el codigo <form name="fomul"> hay un error ya que para que funcione correctamente, el formulario deberia llamarse formul.

Heidy

01/7/2009
Felicidades
hola, escribo para comentar lo interesate y bien estructurado que esta este articulo. continuen asi :)

rsiscoq

30/7/2009
Pregunta
Hola yo quiero que teniendo un Slect las opciones que tenga este, las pueda arrastrar a una tabla, alguien sabe como logro esto?

Paulo Arieu

14/9/2009
objeto select con Chrome
Hola.Yo quiero saber como acceder al objeto select con Chrome,ya que no me funciona en este navegador la opcion que uds. enseñan en el articulo.
Saludos cordiales y espero su amable respuesta

smallsof

17/9/2009
selectedIndex
hola yo ya puese en pratica este tutorial pero no me resulta no se si alguien me kiera y pueda ayudar mi formulario se llama josForm y el nombre de mi selector es nventas


aplico este escript
function selectChange() {

var opcion = document.josForm.nventas.selectedIndex; //selectedIndex es el indice de la opcion seleccionada
alert(opcion)
var venta = document.josForm. nventas.options[opcion].value;
alert(venta);
}
y lo unico que obtengo es : undefined

Rodrigo Murillo

11/12/2009
Bien
Muy útil. No te olvides de usar etiquetas de cierre para los <option> (<option value="1">Hola</option>), así como para los "br", que se cierran sólos, pero hay que ponerlo así <br /> (con el espacio incluído), por lo demás felicitaciones, esta bueno.

Guillermo

05/1/2010
Congratulations!
Muy Bueno, pero porque no responden a Oscar, yo tambien estoy tratando de hacer uno.
Y la observacion que hicieron de "FORMUL" es digno de agradecer. Por esos pequenos detalles siempre hay que estar agradecido.

Esperare respuesta a la pregunta de Oscar. bye bye

guillermo

06/1/2010
Para smallsof
Para smallsof

Utiliza otro nombre de variable.

bye

benito_perez

19/1/2010
mostrar el texto de un select
tengo un formulario que una vez relleno envia los datos para mostrar, pero cuando trato despues de mostrar los datos, solo consigo que me salga el numero de indice.

Algo asi es lo que necesito, pero no se como mostrarlo.
var textoEscogido = document.formul.miSelect.options[indice].text
texto += " Texto de la opcion escogida: " + textoEscogi

en el select tengo este codigo:
<select class='combo' id='select_0' name='frm_aer_origen' onchange='cargaContenido()'>
<option value='1'>Barcelona (El Prat)</option>
<option value='2'>Girona</option>
<option value='3'>Reus</option>


envio el formulario con post y donde muestro los datos tengo:

$aer_origen=$_POST['frm_aer_origen'];

echo "Aeropuerto origen : $aer_origen <br />";

// pero esto solo me muestra el numero del indice que he elegido en el select del formulario pero no la ciudad, que es lo que me interesa.

Gracias, pero es que soy muy novato

mobius

19/1/2010
texto del combo
var combo = document.getElementById('cbo_gerencia');
alert(combo.options[combo.options.selectedIndex].text);

ami me funciona ojala pude averte ayudado

Dani

07/4/2010
Recoger valores de un SELECT en PHP
Al hacer POST de un formulario que tiene un SELECT únicamente envía el valor de la propiedad value de la opción seleccionada. Si has especificado como value en las opciones del SELECT los índices (1,2,3...) únicamente te enviará esos índices. Si quieres que te envíe el texto de la opción, busca la forma (hay varias, piensa).

Saludos.

fred_guillen

13/5/2010
Excelente información
Gracias por la información. Este artículo me ayudó a conocer un poco más acerca de las propiedades y los métodos del componente SELEC.
Lo considero muy útil a la hora de programar en JavaAcript.
Desarrollé un código en el cual al seleccionar un estado, me muestra en otra lista menú (select) los municipios que corresponden a ese estado. Espero que les sirva:

<html>
<head>
<script type="text/JavaScript">
function SeleccionarMunicipio(selObj){
if (selObj.selectedIndex == 0){
document.form1.municipio.length=1;
document.form1.municipio.selectedIndex=0;
document.form1.municipio.options[0].text="-- --";}
if (selObj.selectedIndex == 1){
document.form1.municipio.length=3;
document.form1.municipio.selectedIndex=0;
document.form1.municipio.options[0].text="Girardot";
document.form1.municipio.options[1].text="Sucre";
document.form1.municipio.options[2].text="Libertador";}
if (selObj.selectedIndex == 2){
document.form1.municipio.length=3;
document.form1.municipio.selectedIndex=0;
document.form1.municipio.options[0].text="Apure 1";
document.form1.municipio.options[1].text="Apure 2";
document.form1.municipio.options[2].text="Apure 3"; }
if (selObj.selectedIndex == 3){
document.form1.municipio.length=3;
document.form1.municipio.selectedIndex=0;
document.form1.municipio.options[0].text="Carabobo 1";
document.form1.municipio.options[1].text="Carabobo 2";
document.form1.municipio.options[2].text="Carabobo 3"; }
document.form1.caja1.value=selObj.length;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>Estado</label>
<select name="estado" id="estado" onchange="SeleccionarMunicipio(this)">
<option>Seleccione el estado</option>
<option>Aragua</option>
<option>Apure</option>
<option>Carabobo</option>
</select>
<select name="municipio" id="municipio" onchange="">
<option>-- --</option>
</select>
<input name="caja1" type="text" id="caja1" value="" />
</form>
</body>
</html>

Javine

28/7/2010
Buen artículo
Gracias por el artículo fue muy útil para mí.

Fer

28/10/2010
Felicitaciones
Una vez más los felicito y les agradezco enormemente por su esfuerzo y claridad en las enseñanzas. Gracias a UDs. y sus tutoriales, dí mis primeros pasos en PHP y MYSQL. Les estoy muy agradecido y les deseo todo el éxito del mundo.

Miquel

04/2/2011
If dentro de lista
Como puedo condicionar las opciones de una lista? Algo así:

<select name=lista>
if valor=3 then <option value="1">Primero</option>
...
...
</select>

O sea, que sólo aparezcan las opciones en el combo en función del valor de otro campo.

WarezFox

15/3/2011
Busca AJAX
Busca informacion de como obtener datos con AJAX es mejor eso te da JSON o XML y es buenazooo...

Daniel

08/4/2011
Excelente pagina Web
Me gusto mucho este tema, me permitio cambiar el ejemplo, para poner el mes y que me apareciera los dias, de ese mes, cambiando el mes 31, 30 y febrero 29, esta genial, muchas gracias.

Sigan asi, ^_^

zoe

26/5/2011
necesito ayuda con mis selec
lo que pasa es que manejo 4 selects y mi pagina trata de apartado de vuelos
y no todos los dias se manejan 4 el domingo manejo 2 vuelos, el martes 3 y los demas dias 4, pero necesito que según lafecha que seleccione, especialmente en el dia sepa segun el dia del mes seleccionado que dia de la semana es y segun eso ya me llene los numeros de vuelos y presento aqui mi codigo de una de mis paginas web donde necesito ayuda, porfa me queda solo esta senama del 25 de mayo y la que viene para terminar y deberas me urge solucionar este problema o me van a tronar como palomita de maiz. muchas gracias mi correo es nayatzi@gmail.com o pueden comentar aqui...
código:
-------------------
<html>
<head>
<title>compra de boleto</title>

<script languaje="JavaScript">
<!--
var aEdos1=["Acapulco","Cancun","Chihuahua","Sonora","Veracruz"];
var aasi=["1a","1b","2a","2b","3a","3b","4a","4b","5a","5b","6a","6b","7a","7b","8a","8b","9a","9b","10a","10b","11a","11b","12a","12b","13a","13b","14a","14b","15a","15b","16a","16b"];
var aDias=["Domingo","Lunes","Martes","Miercoles","jueves","viernes","Sabado"];
var anume=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
var vu=["1","2","3","4"];
var Strcobro;
var d3;

function ponEdo(){
var opcs=aEdos1.length;
document.frmcoms.sltdes.length=opcs;

document.frmcoms.sltor.length=opcs;
var i;
for(i=0;i<=opcs-1;i++){
document.frmcoms.sltdes.options[i].text=aEdos1[i];
document.frmcoms.sltdes.options[i].value=aEdos1[i];
}
for(i=0;i<=opcs-1;i++){
document.frmcoms.sltor.options[i].text=aEdos1[i];
document.frmcoms.sltor.options[i].value=aEdos1[i];
}
}

function ponasi(){
var opcs=aasi.length;
document.frmcoms.sltasi.length=opcs;
var i;
for(i=0;i<=opcs-1;i++){
document.frmcoms.sltasi.options[i].value=aasi[i];
document.frmcoms.sltasi.options[i].text=aasi[i];
}
}





var precio;
function compara(){
var o;var u;
var f=document.frmcoms.sltor.selectedIndex;
var w=document.frmcoms.sltdes.selectedIndex;

if(f==w){alert("No se viaja al mismo lugar");}
else{
if(f==0 && w==1 || f==1 && w==0){precio=800;}
if(f==1 && w==2 || f==2 && w==1){precio=1000;}
if(f==1 && w==3 || f==3 && w==1){precio=1010;}
if(f==1 && w==4 || f==4 && w==1){precio=900;}
if(f==2 && w==0 || f==0 && w==2){precio=1000;}
if(f==2 && w==3 || f==3 && w==2){precio=500;}
if(f==2 && w==4 || f==4 && w==2){precio=1000;}
if(f==3 && w==0 || f==0 && w==3){precio=1000;}
if(f==3 && w==4 || f==4 && w==3){precio=1000;}
if(f==4 && w==0 || f==0 && w==4){precio=900;}

}
}

function an(){
var i;
var opcs=anume.length;

document.frmcoms.slta.length=opcs;
document.frmcoms.sltn.length=opcs;
for(i=0;i<=opcs-1;i++){
document.frmcoms.slta.options[i].text=anume[i];
document.frmcoms.slta.options[i].value=anume[i];
document.frmcoms.sltn.options[i].text=anume[i];
document.frmcoms.sltn.options[i].value=anume[i];

}

}


function pago(){
var a=document.frmcoms.slta.selectedIndex;
var n=document.frmcoms.sltn.selectedIndex;
var adu;var nino;var pago1;var pago2; var des; var pagof; var spago;
if(a==0){adu=0;}
if(a==1){adu=1;}
if(a==2){adu=2;}
if(a==3){adu=3;}
if(a==4){adu=4;}
if(a==5){adu=5;}
if(a==6){adu=6;}
if(a==7){adu=7;}
if(a==8){adu=8;}
if(a==9){adu=9;}
if(a==10){adu=10;}
if(a==11){adu=11;}
if(a==12){adu=12;}
if(a==13){adu=13;}
if(a==14){adu=14;}
if(a==15){adu=15;}
if(a==16){adu=16;}
if(a==17){adu=17;}
if(a==18){adu=18;}
if(a==19){adu=19;}
if(a==20){adu=20;}
if(a==21){adu=21;}
if(a==22){adu=22;}
if(a==23){adu=23;}
if(a==24){adu=24;}
if(a==25){adu=25;}

if(n==0){nino=0;}
if(n==1){nino=1;}
if(n==2){nino=2;}
if(n==3){nino=3;}
if(n==4){nino=4;}
if(n==5){nino=5;}
if(n==6){nino=6;}
if(n==7){nino=7;}
if(n==8){nino=8;}
if(n==9){nino=9;}
if(n==10){nino=10;}
if(n==11){nino=11;}
if(n==12){nino=12;}
if(n==13){nino=13;}
if(n==14){nino=14;}
if(n==15){nino=15;}
if(n==16){nino=16;}
if(n==17){nino=17;}
if(n==18){nino=18;}
if(n==19){nino=19;}
if(n==20){nino=20;}
if(n==21){nino=21;}
if(n==22){nino=22;}
if(n==23){nino=23;}
if(n==24){nino=24;}
if(n==25){nino=25;}
pago1=eval(adu+"*"+precio);
pago2=eval(nino+"*"+precio);
des=eval(pago2+"*"+"0.30");
spago=eval(pago2+"-"+des);
pagof=eval(pago1+"+"+spago);
strcobro=pagof;
document.frmcoms.txtpago.value=strcobro;
setTimeout("pago();",100);
}


//function revisaa(){
//if(document.frmcoms.txtpago.value="NaN"){
//document.frmcoms.txtpago.value="0";
//setTimeout("revisaa();",100);
//}

//}
function mostrar(){
document.getElementById('numt').style.display = "block";

}
function ocultar(){
document.getElementById('numt').style.display = "none";
}
var op;
var aAnios=["2011","2012","2013"];
var aMes=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
var aDias=[31,28,31,30,31,30,31,31,30,31,30,31];

function ponDias(){
var i; var nDias; var op=0;
var nMes;
var unAnio;
nMes=document.frmcoms.Mes.selectedIndex;



if(nMes==1){
unAnio=aAnios[document.frmcoms.Anios.selectedIndex];
if(unAnio % 100==0){
if(unAnio % 400==0){

op=0;
for(i=0;i<=28;i++){
op=op+1;
document.frmcoms.dia.length=op;
document.frmcoms.dia.options[i].text=op;
document.frmcoms.dia.options[i].value=op;
}

}}



if(unAnio % 4==0){

op=0;
for(i=0;i<=28;i++){
op=op+1;
document.frmcoms.dia.length=op;
document.frmcoms.dia.options[i].text=op;
document.frmcoms.dia.options[i].value=op;}


}
else{for(i=0;i<=27;i++){
op=op+1;
document.frmcoms.dia.length=op;
document.frmcoms.dia.options[i].text=op;
document.frmcoms.dia.options[i].value=op;}
}

}


if(nMes==0||nMes==2||nMes==4||nMes==6||nMes==7||nMes==9||nMes==11){
op=0;
for(i=0;i<=30;i++){
op=op+1;
document.frmcoms.dia.length=op;
document.frmcoms.dia.options[i].text=op;
document.frmcoms.dia.options[i].value=op;}
}
if(nMes==3||nMes==5||nMes==8||nMes==10){
op=0;
for(i=0;i<=29;i++){
op=op+1;
document.frmcoms.dia.length=op;
document.frmcoms.dia.options[i].text=op;
document.frmcoms.dia.options[i].value=op;}
}



}











function ponAnio(){
var i;
var nAnios;
nAnios=aAnios.length;
document.frmcoms.Anios.length=nAnios;
for(i=0;i<=nAnios-1;i++){
document.frmcoms.Anios.options[i].value=aAnios[i];
document.frmcoms.Anios.options[i].text=aAnios[i];
}

}

function ponMes(){
var i;var nMes;
nMes=aMes.length;
document.frmcoms.Mes.length=nMes;
for(i=0;i<=nMes-1;i++){
document.frmcoms.Mes.options[i].value=aMes[i];
document.frmcoms.Mes.options[i].text=aMes[i];
}

}
function creaf(){
var a; var m; var d;
var anio,mess,dis;var d2,m2,a2;

a=document.frmcoms.Anios.SelectedIndex;
m=document.frmcoms.Mes.SelectedIndex;
d=document.frmcoms.dia.selectedIndex;
anio=document.frmcoms.Anios.options[a].text;
parseInt(anio);
mess=document.frmcoms.Mes.options[m].text;
parseInt(mess);
dis=document.frmcoms.dia.options[d].text;
parseInt(dis);

miFechaA=new Date();
miFechaA.setYear(anio);
miFechaA.setMonth(mess);
miFechaA.setDate(dis);
d3=miFechaA.getDay();
document.frmcoms.txtnom.value=d3;
//setTimeout("creaf();",1000);
}




function ponvu(){
var op; var i;
var a; var m; var d;
var anio,mess,dis;var d2,m2,a2;
a=frmcoms.Anios.SelectedIndex;
frmcoms.txttel.value=frmcoms.Anios.SelectedIndex;

m=frmcoms.Mes.SelectedIndex;
d=frmcoms.dia.selectedIndex;
anio=parseint(document.frmcoms.Anios.options[a].text);
mess=parseint(document.frmcoms.Mes.options[m].text);
dis=parseint(document.frmcoms.dia.options[d].text);

miFechaA=new Date();
miFechaA.setYear(anio);
miFechaA.setMonth(mess);
miFechaA.setDate(dis);
d3=miFechaA.getDay();
document.frmcoms.txtnom.value=d3;

if(d3==1|d3==3|d3==4|d3==5|d3==6){
document.frmcoms.sltnv.length=4;
for(i=0;i<=3;i++){
document.frmcoms.sltnv.options[i].text=i+1;
document.frmcoms.sltnv.options[i].value=i+1;
}
}
if(d3==2){
document.frmcoms.sltnv.length=3;
for(i=0;i<=2;i++){
document.frmcoms.sltnv.options[i].text=i+1;
document.frmcoms.sltnv.options[i].value=i+1;
}
}
if(d3==0){
document.frmcoms.sltnv.length=2;
for(i=0;i<=1;i++){
document.frmcoms.sltnv.options[i].text=i+1;
document.frmcoms.sltnv.options[i].value=i+1;
}

}
}

//-->
</script>

</head>
<body onload="ponEdo();ponAnio();ponMes();an();pago();ponasi();creaf();"><center>
<form action="mailto:nayatzi_92@hotmail.com" name="frmcoms"><table border=0><caption><font color="BLUE"><h2>RESERVA DE VIAJE SENCILLO</h2></font><br><font color="red"><h3><b>De click en "Revisar" antes de dar click a "Enviar " para evitar errores y para actualizar lo seleccionado,...Gracias</b></h3></font></caption><tr><td align=left>
<table bgcolor="yellow" border=0><tr><td align=center><i><b>Modo de pago</b></i></td></tr><tr><td>Efectivo<input type="radio" name="pago" value="rdefec" onclick="ocultar();" checked><br>
Tarjeta <input type="radio" name="pago" value="rdtarj" onclick="mostrar();">

</td></tr><tr><td><div id="numt" style=display:none>Numero de Tarjeta <input type="text" name="txtnt" size=18 maxlength=18></div></td></tr></table>

</td><td><table border=0><tr><td align="right"><input type="text" name="txtsen" size=13 disabled="disabled" value="Sencillo"></td></tr><tr><td>Origen&nbsp;<select name="sltor"></select>&nbsp;Destino<select name="sltdes"></select><br>
año&nbsp;<select name="Anios"></select>&nbsp;Mes&nbsp;<select name="Mes" onchange="ponDias();"></select>&nbsp;Dia&nbsp;<select name="dia" onchange="ponvu();"></select>





</td></tr><tr><td>
</td></tr>
<tr><td>Adultos&nbsp;&nbsp;<select name="slta">
</select>&nbsp;&nbsp;Asiento&nbsp;<select name="sltasi"></select>&nbsp;Numero de vuelo&nbsp;<select name="sltnv"></select><br>
Niños&nbsp;&nbsp;<select name="sltn">
</select>
Total a Pagar&nbsp;<input type="text" name="txtpago"></td></tr></table></td></tr></table>

<table><tr><td>
<tr><td><table><tr><td>Nombre&nbsp;<input type="text" name="txtnom" size=50 maxlength=45><br>Telefono&nbsp;<input type="text" name="txttel" size=30 maxlength=28></td></tr>
<tr><td align=center><input type="button" value="Cancelar" onclick="reset();">&nbsp;<input type="button" value="Revisar" onclick="compara();">&nbsp;<input type="button" value="Enviar" onclick="submit();"><br><a href="intro.html">Regresar</a><br></td></tr></table></td></tr></table></form></center>
<script languaje="JavaScript">
<!--
ponAnio();
ponMes();

ponasi();
pago();
an();
ponEdo();
creaf();
//-->
</script>

</body>
</html>

Frank

29/6/2011
validacion de campo
Buenas amigos tengo un porblema que no se como resolver soy nuevo en esto de la programacion y quisiera hacer una validacion en javascript de un campo select el cual tiene 2 opciones si o no hasta alli todo bien porque logre validar que el campo no quede vacio y que el usuario seleccione si o no, lo que necesito es si el usuario selecciona la opcion no automaticamente en el campo que sigue se seleccione no aplica que se encuentra en otro campo select espero haber sido claro y puedan ayudarme gracias de antemano saludos

diego

10/5/2012
me ayudo en una parte del codigo que necesitava
gracias men bn aporte

Benjamin

08/3/2013
Excelentemente explicado.
Muchas gracias!!