Estoy haciendo una web con php y mysql y estoy comunicando dos Selects con Java Script , pero el codigo que me genera no funciona...
es decir el select "Empleados" ignora los click y seleccciones del Select "Departamentos".
No conozco mucho de Java Script pero tuve que incorporar codigo para hacerlo mas practico
Este es el codigo que genero con php
Alguien podria mirar el codigo, es probable que sea algo simple pero la verdad no doy con la solucion
Gracias
Citar
<!DOCTYPE html PUBLIC "//- W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta httpequiv="
ContentType"
content="text/html; charset=iso88591"
/>
<title>Listas Vinculadas </title>
<script type = 'text/javascript'>
function SeleccionarEmpleados(depto) {
var o;
document.forms.frmDatos.lstEmpleados.disabled = true;
if(depto == "Atención al Cliente") {
o = document.createElement("OPTION");
o.text = "Elvira";
o.value = "Elvira";
}
if(depto == "Atención al Cliente") {
o = document.createElement("OPTION");
o.text = "Carmen";
o.value = "Carmen";
}
if(depto == "Gerencia") {
o = document.createElement("OPTION");
o.text = "Ernesto";
o.value = "Ernesto";
}
if(depto == "Ventas") {
o = document.createElement("OPTION");
o.text = "Edwin";
o.value = "Edwin";
}
if(depto == "Ventas") {
o = document.createElement("OPTION");
o.text = "Oscar";
o.value = "Oscar";
}
if(depto == "Ventas") {
o = document.createElement("OPTION");
o.text = "Betsy";
o.value = "Betsy";
}
document.forms.frmDatos.lstEmpleados.disabled = false;
}
function ComponerLista(depto) {
document.forms.frmDatos.lstDepartamentos.disabled = true;
document.forms.frmDatos.lstEmpleados.lenght = 0;
SeleccionarEmpleados(depto);
document.forms.frmDatos.lstDepartamentos.disabled = false;
}
</script>
</head>
<body>
<form name="frmDatos" action="" method="POST">
<label>Departamentos
<select name='lstDepartamentos' onChange = 'ComponerLista(this.value)'>
<option value = 'Atención al Cliente'>Atención al Cliente</option>
<option value = 'Gerencia'>Gerencia</option>
<option value = 'Ventas'>Ventas</option>
</select>
</label>
<label>Empleados
<select name='lstEmpleados'></select>
</label>
</form>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml-1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta httpequiv="
ContentType"
content="text/html; charset=iso88591"
/>
<title>Listas Vinculadas </title>
<script type = 'text/javascript'>
function SeleccionarEmpleados(depto) {
var o;
document.forms.frmDatos.lstEmpleados.disabled = true;
if(depto == "Atención al Cliente") {
o = document.createElement("OPTION");
o.text = "Elvira";
o.value = "Elvira";
}
if(depto == "Atención al Cliente") {
o = document.createElement("OPTION");
o.text = "Carmen";
o.value = "Carmen";
}
if(depto == "Gerencia") {
o = document.createElement("OPTION");
o.text = "Ernesto";
o.value = "Ernesto";
}
if(depto == "Ventas") {
o = document.createElement("OPTION");
o.text = "Edwin";
o.value = "Edwin";
}
if(depto == "Ventas") {
o = document.createElement("OPTION");
o.text = "Oscar";
o.value = "Oscar";
}
if(depto == "Ventas") {
o = document.createElement("OPTION");
o.text = "Betsy";
o.value = "Betsy";
}
document.forms.frmDatos.lstEmpleados.disabled = false;
}
function ComponerLista(depto) {
document.forms.frmDatos.lstDepartamentos.disabled = true;
document.forms.frmDatos.lstEmpleados.lenght = 0;
SeleccionarEmpleados(depto);
document.forms.frmDatos.lstDepartamentos.disabled = false;
}
</script>
</head>
<body>
<form name="frmDatos" action="" method="POST">
<label>Departamentos
<select name='lstDepartamentos' onChange = 'ComponerLista(this.value)'>
<option value = 'Atención al Cliente'>Atención al Cliente</option>
<option value = 'Gerencia'>Gerencia</option>
<option value = 'Ventas'>Ventas</option>
</select>
</label>
<label>Empleados
<select name='lstEmpleados'></select>
</label>
</form>
</body>
</html>