Tema: Select editable
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 16/08/2010, 07:51
pijitu
 
Fecha de Ingreso: agosto-2008
Mensajes: 12
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Select editable
Código HTML: 
Ver original
  1. <html>
  2.  
  3. <head>
  4. <script type="text/javascript">
  5. <!--
  6. function cambiaTexto(c,o){
  7.     c.options[c.selectedIndex].text = o.value
  8.     o.style.display = 'none'
  9.     c.style.display = 'inline'
  10. }
  11. function cambiaCampo(c,o,v){
  12.     if(o.selectedIndex>0){
  13.         o.style.display = 'none'
  14.         c.style.display = 'inline'
  15.         c.value = v
  16.         c.focus()
  17.     }
  18. }
  19. //-->
  20. </script>
  21. </head>
  22. <body>
  23. <form>
  24.     <span id="selector">
  25.     <input type="text" name="cTexto" style="display: none"  onblur="cambiaTexto(this.form.cSelect,this)" />
  26.     <select name="cSelect" onchange="cambiaCampo(this.form.cTexto,this,this.options[this.selectedIndex].text)">
  27.         <option>Selecciones una opción</option>
  28.         <option>Primera 1</option>
  29.         <option>Primera 2</option>
  30.         <option>Primera 3</option>
  31.         <option>Primera 4</option>
  32.         <option>Escriba otra opcion</option>
  33.     </select>
  34.     </span>
  35. </form>
  36. </body>
  37. </html>

Eso lo encontre el otro dia y es lo que busco, el problema es que al select lo genero con los resultados de una consulta y deberia ser un array (ej: select name="select[]") pero al hacerlo asi no anda.

Como no tengo ni idea de javascript pido ayuda.

Si alguno entiende la funcion y me puede dar una mano le agradeceria.