10/07/2015, 11:50
|
| | | Fecha de Ingreso: julio-2015
Mensajes: 2
Antigüedad: 8 años, 9 meses Puntos: 0 | |
| Respuesta: Select unidos dentro de una tabla
gracias por la respuesta pero me estoy basando en este ejemplo y funciona bien
<html>
<head>
<HEAD>
<meta name="tipo_contenido" content="text/html;" http-equiv="content-type" charset="utf-8">
</HEAD>
<title>Conceptos de Cobro</title>
</head>
<script>
//defino una serie de varibles Array para cada concepto
var opciones_1=new Array("-Seleccionar-","Revisión Inicial","Renovación Anual","Enmienda")
var opciones_2=new Array("-Seleccionar-","Codificado en QUIS-SC")
var opciones_3=new Array("-Seleccionar-","Codificado en QUIS-SC")
var opciones_4=new Array("-Seleccionar-","Diseño","Desarrollo","Farmacovigilancia","Coord inación de Estudios","Monitoreo","Aleatorización","Estadístic a","Traducción","Publicación Cintífica","Capacitación","Registro","Protección de Propiedad Intelectual","Protección de Propiedad Industrial","Desarrollo de Prototipo","Incubación de Negocio")
//función que cambia las opciones del select de opciones en función del concepto que se haya escogido en el select de conceptos.
function cambia_opcion()
{
//se toma el valor del select de conceptos elegido
var concepto
concepto= document.f1.concepto[document.f1.concepto.selectedIndex].value
//miro a ver si el concepto está definido
if (concepto != 0)
{
//si estaba definido, entonces coloco las opciones del concepto correspondiente.
//selecciono el array de opciones adecuado
mis_opciones=eval("opciones_" + concepto)
//calculo el numero de opciones
num_opciones = mis_opciones.length
//marco el número de opciones en el select
document.f1.opcion.length = num_opciones
//para cada opcion del array, la introduzco en el select
for(i=0;i<num_opciones;i++)
{
document.f1.opcion.options[i].value=mis_opciones[i]
document.f1.opcion.options[i].text=mis_opciones[i]
}
}
else
{
//si no había opciones seleccionada, elimino las opciones del select
document.f1.opcion.length = 1
//coloco un guión en la única opción que he dejado
document.f1.opcion.options[0].value = "-"
document.f1.opcion.options[0].text = "-"
}
//marco como seleccionada la opción primera de opciones
document.f1.opcion.options[0].selected = true
}
</script>
<body>
<form name="f1">
<select name="concepto" onChange="cambia_opcion()">
<option value="0" selected>Seleccione...
<option value="1">Comité de Ética
<option value="2">Sitio Clínico
<option value="3">Unidad Clínica
<option value="4">Innovación y desarrollo
</select>
<select name=opcion>
<option value="-Seleccionar-">-Seleccionar-
</select>
</form>
</body>
</html> |