Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/06/2009, 04:04
quimfv
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 17 años
Puntos: 574
Respuesta: Seleccion de Combobox

Me parece que te complicas la vida...

Para que mostrar inputs distintos, lo que debes hacer es la consulta correcta....

El select te da el nombre del campo y el imput el contenido a buscar, no hace falta mostrar un input distinto para cada opción del select....

En qualquier caso y para que no se diga te doy las dos opciones...


1.-
Cuidado que esto solo esconde los campos no borra su contenido

Código HTML:
<script>
function mostra(obj){
for(i=1;i<=4;i++){
if (i!=obj.value){
	document.getElementById("z"+i).style.display="none";
}else{
	document.getElementById("z"+i).style.display="block";
}
}
}
</script>
</head>

<body>
<select onChange="mostra(this)">
<option value="1">clientes</option>
<option value="2">status</option>
<option value="3">Fecha</option>
<option value="4">numero de cliente</option>
</select>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><span style="display:none" id="z1">clientes<input name="clientes" type="text" id="clientes"></span></td>
  </tr>
  <tr>
    <td><span style="display:none" id="z2">status<input name="status" type="text" id="status"></span></td>
  </tr>
  <tr>
    <td><span style="display:none" id="z3">Fecha<input name="Fecha" type="text" id="Fecha"></span></td>
  </tr>
  <tr>
    <td><span style="display:none" id="z4">numero de cliente<input name="numcliente" type="text" id="numcliente"></span></td>
  </tr>
</table> 
2.-
Código HTML:
<script>
function mostra(obj){
var error;
error=0;
if (document.getElementById("campo").value=="0") error=1;
if (document.getElementById("contenido").value.length==0) error=2;

if (error!=0){
switch (error){
  case 1:
    alert("Tienes que elegir un campo");
  break;
  case 2:
    alert("El contenido es nulo");
  break;
}
}else{
	alert("la consulta seria\nWHERE "+ document.getElementById("campo").value+"='"+document.getElementById("contenido").value+"'");
}
}
</script>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>Campo <select id="campo" onChange="mostra(this)">
<option value="0" selected>Elige un campo</option>
<option value="clientes">clientes</option>
<option value="status">status</option>
<option value="fecha">Fecha</option>
<option value="numcliente">numero de cliente</option>
</select></td>
  </tr> <tr>
    <td>
Contenido <input name="contenido" type="text" id="contenido" onBlur="mostra(this)"></td>
  </tr>
  </table> 

Quim