select option

banrey · #1 (**permalink**) 09/06/2010, 11:26

Hola amigos les tengo una consulta:

tengo dos select opcion

el primero:

me presenta la siguiente lista:

venezolano
extranjero

y el segundo me dice:

natural
juridico
gubernamental

mi pregunta es valido que el usuario escoja determinada opcion segun el primer select.

ejemplo si escoje la venezolano del select #1, yo quiero que del select dos solo pueda escojer la opcion natural y si es coje otra que salga un mensaje de alerta y que impida el submit del form.

me podrian orientar por favor mil gracias.

Adler · #2 (**permalink**) 09/06/2010, 12:42

Hola

La manera de hacerlo sería usar select dependientes. De tal manera que arreglo a lo seleccionado en el primer select, el segundo tendrá unas opciones u otras

Suerte

banrey · #3 (**permalink**) 09/06/2010, 12:46

si pero no lo se hacer ya que mis select option son el resultado de una consulta a mi bd

queria era validar los item selecciona con javascritp

mi pregunta es si sepuede hacer? o tiene q ser con dependientes

banrey · #4 (**permalink**) 09/06/2010, 14:11

fijense como lo estoy haciendo pero no logro que me funciones

<script language="javascript">
function validarCombo()
{
var seleccionado;
if((document.forms.form1.lista1.options[3].selected)!=(document.forms.form1.lista2.options[4].selected)){
seleccionado=false;
alert("Debes al menos selecionar una opcion");
}
if((document.forms.form1.lista1.options[3].selected)==(document.forms..form1.lista2.options[4].selected)){
seleccionado=true;
document.forms.form1.submit();
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<select name="lista1" >
<option value="0">Seleccione</option>
<option value="1">Natural</option>
<option value="2">Juridico</option>
<option value="3">Gubernamental</option>
</select>
<select name="lista2" >
<option value="0">Seleccione</option>
<option value="1">V</option>
<option value="2">E</option>
<option value="3">J</option>
</select>
<input name="boton" type="submit" id="validar" value="validar" onclick="validarCombo();"/>
</form>
</body>
</html>

que estoy haciendo mal por favor

Adler · #5 (**permalink**) 10/06/2010, 05:12

Hola

Primero, en vez de usar select has de usar value. Segundo el subindice 4, al menos en el ejemplo que planteas, no existe. Y tercero, y mas importante, siempre te va a devolver o true o false, sea lo que sea que seleccione el usuario

Se me ocurre que podrías hacer algo como esto

Código Javascript:

Ver original<html>
<head>
<script language="javascript">
function funcion(val) {
var arraydosdim = new Array('Natural','Juridico','Gubernamental');
 
var arraydosdim2 = new Array();
arraydosdim2[0]=new Array('Natural1','Natural2','Natural3');
arraydosdim2[1]=new Array('Juridico1','Juridico2','Juridico3');
arraydosdim2[2]=new Array('Gubernamental1','Gubernamental2','Gubernamental3');
 
    for(i=0; i < arraydosdim.length; i++) {
        if(val == arraydosdim[i]) {
            n = i;
        }
    }
 
var j = 1;
    for(i=0; i < arraydosdim2[n].length; i++) {
        var selOpcion=new Option(arraydosdim2[n][i], arraydosdim2[n][i]);
        eval(document.form1.lista2.options[j++]=selOpcion);
    }
 
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<select name="lista1" onchange="funcion(this.value);">
<option value="">Seleccione</option>
<option value="Natural">Natural</option>
<option value="Juridico">Juridico</option>
<option value="Gubernamental">Gubernamental</option>
</select>
<select name="lista2" >
<option value="">Seleccione</option>
</select>
<input name="boton" type="submit" id="validar" value="validar" />
</form>
</body>
</html>

Claro está, las matrices has de rellenarlas con los valores de los registros que trae la consulta

Suerte