Foros del Web » Programando para Internet » Javascript »

Ayuda con Combo

 Estas en el tema de Ayuda con Combo en el foro de Javascript en Foros del Web. Que tal a todos espero alguien me pueda ayudar tengo un combo o lisbox el cual cargo de la B.D me traigo 2 valores el ...
  #1 (permalink)  
Antiguo 31/05/2010, 12:59
 
Fecha de Ingreso: diciembre-2003
Mensajes: 595
Antigüedad: 20 años, 4 meses
Puntos: 1
Ayuda con Combo
Que tal a todos espero alguien me pueda ayudar tengo un combo o lisbox el cual cargo de la B.D me traigo 2 valores el Cve_CIE y CIE_Des el cual el primero es la clave y el segundo la descripcion y tambien tengo pintado un box el cual quiero que si el usuario conoce la Cve_CIE solo la teclee en el box y esta se carge en el combo sin necesidad de desplegar dicho box mi ejemplo es el siguiente:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>COMBO</title>
</head>



<body>

<div align="center">
<label>
<input name="txtcve" type="text" id="txtcve" />
</label>
<%
Set conn=Server.CreateObject("ADODB.Connection")
conn.ConnectionString="Provider=SQLNCLI10;Server=l ocalhost;Database=SINAVE;Uid=sa;Pwd=sa;"
conn.open

Set cmd=Server.CreateObject("ADODB.Command")
cmd.activeconnection=conn
cmd.commandtext=" SELECT Cve_CIE, CIE_Des FROM Cat_CIE "

Set rs=Server.CreateObject("ADODB.recordset")
set rs=cmd.execute()
%>

<select name="DiagPrinIng2" style="width:700px">
<%
do while not rs.EOF
%>
<option value="<%=trim(rs("Cve_CIE"))%>"><%=trim(rs("CIE_D es"))%></option>
<%
rs.MoveNext
loop

rs.close
set rs = Nothing
conn.close
set conn = Nothing
%>

</select>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 01/06/2010, 06:20
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Ayuda con Combo
Hola

A ver que te parece esto

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. var bol = false;
  5. var opcion;
  6. function funcion(obj, cadena) {
  7. for (i = 0; i < obj.length; i++){
  8.  
  9.     if(obj.options[i].value.toLowerCase() == cadena.toLowerCase()) {
  10.         bol = true;
  11.         opcion = i;
  12. break;
  13.     }
  14. }
  15.  
  16. if (bol) {
  17. obj.options[0].text = obj.options[opcion].text;
  18. }
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. Escribe los tres primeros caracteres del nombre de una ciudad. El evento es onBlur<br />
  24. <form name="frm">
  25. Ciudad:<input type="text" name="txt" onBlur="funcion(document.frm.ciudad, this.value)">
  26. <br />
  27. <select name="ciudad" id="ciudad">
  28. <option value="">Ciudades</option>
  29. <option value="Bad">Badajoz</option>
  30. <option value="Cac">Caceres</option>
  31. <option value="Mad">Madrid</option>
  32. <option value="Sev">Sevilla</option>
  33. </select>
  34. </form>
  35. </body>
  36. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
Última edición por Adler; 01/06/2010 a las 12:37 Razón: hacer una aclaración
  #3 (permalink)  
Antiguo 02/06/2010, 11:11
 
Fecha de Ingreso: diciembre-2003
Mensajes: 595
Antigüedad: 20 años, 4 meses
Puntos: 1
Respuesta: Ayuda con Combo
Cita:
Iniciado por Adler Ver Mensaje
Hola

A ver que te parece esto

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. var bol = false;
  5. var opcion;
  6. function funcion(obj, cadena) {
  7. for (i = 0; i < obj.length; i++){
  8.  
  9.     if(obj.options[i].value.toLowerCase() == cadena.toLowerCase()) {
  10.         bol = true;
  11.         opcion = i;
  12. break;
  13.     }
  14. }
  15.  
  16. if (bol) {
  17. obj.options[0].text = obj.options[opcion].text;
  18. }
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. Escribe los tres primeros caracteres del nombre de una ciudad. El evento es onBlur<br />
  24. <form name="frm">
  25. Ciudad:<input type="text" name="txt" onBlur="funcion(document.frm.ciudad, this.value)">
  26. <br />
  27. <select name="ciudad" id="ciudad">
  28. <option value="">Ciudades</option>
  29. <option value="Bad">Badajoz</option>
  30. <option value="Cac">Caceres</option>
  31. <option value="Mad">Madrid</option>
  32. <option value="Sev">Sevilla</option>
  33. </select>
  34. </form>
  35. </body>
  36. </html>

Suerte

Perdon por la tardanza en contestar ya probe el ejemplo y me sirvio a las mil maravillas muchas gracias por la orientacion y sigan asi iluminando el camino de los que aun estamos en la oscuridad
  #4 (permalink)  
Antiguo 22/06/2010, 18:13
 
Fecha de Ingreso: diciembre-2003
Mensajes: 595
Antigüedad: 20 años, 4 meses
Puntos: 1
Respuesta: Ayuda con Combo
Cita:
Iniciado por Adler Ver Mensaje
Hola

A ver que te parece esto

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. var bol = false;
  5. var opcion;
  6. function funcion(obj, cadena) {
  7. for (i = 0; i < obj.length; i++){
  8.  
  9.     if(obj.options[i].value.toLowerCase() == cadena.toLowerCase()) {
  10.         bol = true;
  11.         opcion = i;
  12. break;
  13.     }
  14. }
  15.  
  16. if (bol) {
  17. obj.options[0].text = obj.options[opcion].text;
  18. }
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. Escribe los tres primeros caracteres del nombre de una ciudad. El evento es onBlur<br />
  24. <form name="frm">
  25. Ciudad:<input type="text" name="txt" onBlur="funcion(document.frm.ciudad, this.value)">
  26. <br />
  27. <select name="ciudad" id="ciudad">
  28. <option value="">Ciudades</option>
  29. <option value="Bad">Badajoz</option>
  30. <option value="Cac">Caceres</option>
  31. <option value="Mad">Madrid</option>
  32. <option value="Sev">Sevilla</option>
  33. </select>
  34. </form>
  35. </body>
  36. </html>

Suerte


Disculpe la molestia nuevamente molestande amigo retomando el ejemplo que me enviaste te platico lo que tengo que hacer tengo un listbox donde voy a seleccionar 3 valores en el mismo list y el resultado lo cargare en 6 cajas de texto que sera cve y descripcion el cual ya cargo la descripcion pero no se como cargar tambien la cve tengo lo siguiente

funcion

<script type="text/javascript">
var bol = false;
var opcion;
function funcion(obj, cadena) {
for (i = 0; i < obj.length; i++){

if(obj.options[i].value.toLowerCase() == cadena.toLowerCase()) {
bol = true;
opcion = i;
break;
}
}

if (bol) {
obj.options[0].text = obj.options[opcion].text;
}
}
</script>

el listobox tu mismo ejecmplo

<select name="ciudad" id="ciudad">
<option value="">Ciudades</option>
<option value="Bad">Badajoz</option>
<option value="Cac">Caceres</option>
<option value="Mad">Madrid</option>
<option value="Sev">Sevilla</option>
</select>


y los box

<input type="text" name="1" >
<input type="text" name="2" >
<input type="text" name="3" >
<input type="text" name="4" >
<input type="text" name="5" >
<input type="text" name="6" >


mi pregunta es como cargar los 2 valores en los textbox con el ejemplo que me hiciste favor de darme solo cargo la descripcion ayudame plase
  #5 (permalink)  
Antiguo 23/06/2010, 06:26
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Ayuda con Combo
Hola

Prueba con este otro

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function funcion(form) {
  5. var texto = new Array();
  6. var valor = new Array();
  7. for (var i = 0; i < form.accList.length; i++) {
  8. if (form.accList.options[i].selected) {
  9. texto.push(form.accList.options[i].text);
  10. valor.push(form.accList.options[i].value);
  11. }
  12. }
  13.  
  14. form.txtuno.value=texto[0];
  15. form.txtdos.value=texto[1];
  16. form.txttres.value=texto[2];
  17.  
  18. form.txtcuatro.value=valor[0];
  19. form.txtcinco.value=valor[1];
  20. form.txtseis.value=valor[2];
  21. }
  22. </script>
  23. </head>
  24. <body>
  25. <form>
  26. <p align="center">Selecciona 3 opciones:
  27. <select name="accList" size=5 multiple>
  28. <option value="a" selected>A</option>
  29. <option value="b">B</option>
  30. <option value="c">C</option>
  31. <option value="d">D</option>
  32. <option value="e">E</option>
  33. <option value="f">F</option>
  34. <option value="g">G</option>
  35. </select></p>
  36.  
  37. <input type="text" name="txtuno">
  38. <input type="text" name="txtdos">
  39. <input type="text" name="txttres">
  40. <input type="text" name="txtcuatro">
  41. <input type="text" name="txtcinco">
  42. <input type="text" name="txtseis">
  43.  
  44. <p><input type="button" value="Inserta" onclick="funcion(this.form)"></P>
  45. </form>
  46. </body>
  47. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #6 (permalink)  
Antiguo 23/06/2010, 07:40
 
Fecha de Ingreso: diciembre-2003
Mensajes: 595
Antigüedad: 20 años, 4 meses
Puntos: 1
Respuesta: Ayuda con Combo
Cita:
Iniciado por Adler Ver Mensaje
Hola

Prueba con este otro

Código Javascript: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function funcion(form) {
  5. var texto = new Array();
  6. var valor = new Array();
  7. for (var i = 0; i < form.accList.length; i++) {
  8. if (form.accList.options[i].selected) {
  9. texto.push(form.accList.options[i].text);
  10. valor.push(form.accList.options[i].value);
  11. }
  12. }
  13.  
  14. form.txtuno.value=texto[0];
  15. form.txtdos.value=texto[1];
  16. form.txttres.value=texto[2];
  17.  
  18. form.txtcuatro.value=valor[0];
  19. form.txtcinco.value=valor[1];
  20. form.txtseis.value=valor[2];
  21. }
  22. </script>
  23. </head>
  24. <body>
  25. <form>
  26. <p align="center">Selecciona 3 opciones:
  27. <select name="accList" size=5 multiple>
  28. <option value="a" selected>A</option>
  29. <option value="b">B</option>
  30. <option value="c">C</option>
  31. <option value="d">D</option>
  32. <option value="e">E</option>
  33. <option value="f">F</option>
  34. <option value="g">G</option>
  35. </select></p>
  36.  
  37. <input type="text" name="txtuno">
  38. <input type="text" name="txtdos">
  39. <input type="text" name="txttres">
  40. <input type="text" name="txtcuatro">
  41. <input type="text" name="txtcinco">
  42. <input type="text" name="txtseis">
  43.  
  44. <p><input type="button" value="Inserta" onclick="funcion(this.form)"></P>
  45. </form>
  46. </body>
  47. </html>

Suerte


Muchas pero muchas gracias era lo que necesitaba sige asi

Etiquetas: combo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 10:52.