Hola amigos,
La
primera vez que se carga la página que contiene los Scripts para los selects; el valor de "Selector2[]" es "null" y las opciones en él se recogen y actualizan desde el servidor, según lo que se elija en el selector1.
Al clikar en una de las opciones de "Selector2[]" éste obviamente deja de ser "null". ¿Cómo puedo hacer para que cada vez, después de este momento, que haga click en una de las opciones del primer selector el valor del segundo vuelva a ser "null"? Agradeceré mucho la ayuda que me puedan dar.
Código JavaScript
:
Ver originalfunction Seleccionar() {
var a = document.form1.selector1.value;
if (a != "null") {
document.form1.action="";
document.form1.submit();
}
else {
alert("Seleccione un valor."); }
}
</script>
</head>
<body>
<form name="form1" method="post" action="recibeS.php">
<select name="selector1" size=3 id="selector1" onChange="javascript:Seleccionar();">
<option value="null"<?php if (empty($sel1)) { echo " selected"; }
?>>Seleccione un valor</option>
<option value="AR"<?php if ($sel1 == "AR") { echo " selected"; }
?>>Argentina</option>
<option value="MX"<?php if ($sel1 == "MX") { echo " selected"; }
?>>México</option>
<option value="CO"<?php if ($sel1 == "CO") { echo " selected"; }
?>>Colombia</option>
</select>
<select multiple name="selector2[]" id="selector2" style="width:500px" size=3>
<?php
if ($fillsel2) {
$contentsel2 = explode("*",$contentsel2);
foreach($contentsel2 as $key => $value) {
$item = explode(":",$value);
echo '<option value="'.$item[0].'">'.$item[1].'</option>'."\n";
}
} // if
else {
?>
<option value="null" selected>(Vacío)</option>
<?php } ?>
</select>
<input type="submit" name="Submit" value="Desplegar tabla(s)" onClick="document.form1.target='tabula'">