Tema: Crear Combobox en javascript
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/05/2013, 15:04
ghost_darknet
 
Fecha de Ingreso: mayo-2012
Ubicación: shilito
Mensajes: 67
Antigüedad: 12 años, 7 meses
Puntos: 3
Crear Combobox en javascript
Hola como estan... Tengo unas dudas al crear en java un combobox, me eh cabezeado pero aun no me funciona. Si em pueden hechar una mano con este tema

Coloco el codigo en HTLM

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Plataforma Control </title>
  6.  
  7. <script src="agregar.js" language="JavaScript"> </script>
  8. <link href="../estilos/default.css" rel="stylesheet" type="text/css" />
  9. </head>
  10. <body>
  11. <div id="contenedor-principal">
  12.  
  13. <h1 class="titulo-mostrar">Plataforma de Control</h1>
  14.  
  15. <h3 class="titulo">Modulo de Asignacion de Hardware</h3>
  16.  
  17. <h5 class="caja-izquierda"><a href="#">Volver</a><span class="forma">
  18. </span></h5>
  19. <hr />
  20. <br />
  21.  
  22. <h5 class="titulo">Ingrese los datos</h5>
  23.  
  24. <form method="post" action="algo.php">
  25. <div id="centra-tabla">
  26. <table class="tabla">
  27. <p>Agrege los datos haciendo click en "Agregar Hardware".</p>
  28. <tr> 
  29. <th><fieldset id="fiel"><input type="button" value="Agregar Hardware" onclick="crear(this)" /></fieldset></th>
  30. </tr>
  31. </table>
  32. <br />
  33. <hr />
  34. <h5 class="titulo">Si desea Desasignar un Equipo haga click en Desasignacion de </h5>
  35.  
  36. <fieldset id="desasignacion"><input type="button" value="Desasignar Hardware" onclick="desasigna(this)" /></fieldset></th>
  37.  
  38. <table class="tabla">
  39. <tr> <th> <input type="submit" name="submit_asignacion" id="submit_asignacion" value="Asignar Hardware" /> </th></tr>
  40.  
  41. </div>
  42. </form>
  43.  
  44. </div>
  45. </body>
  46. </html>

Y este el la funcion Javascript que llama

Código Javascript: 
Ver original
  1. num=0;
  2.  
  3. function crear(obj) {
  4.   num++;
  5.   fi = document.getElementById('fiel'); // 1
  6.   contenedor = document.createElement('div'); // 2
  7.   contenedor.id = 'div'+num; // 3
  8.   fi.appendChild(contenedor); // 4
  9.  
  10.   ele = document.createElement('input'); // 5
  11.   ele.type = 'text'; // 6
  12.   ele.name = 'serie'+num; // 6
  13.   ele.autocomplete = 'off'; // 6
  14.   ele.placeholder = 'Serie del Equipo'; // 6
  15.   ele.size = '25';
  16.   ele.required = 'required';
  17.   contenedor.appendChild(ele); // 7
  18.   
  19.   ele = document.createElement('input'); // 5
  20.   ele.type = 'text'; // 6
  21.   ele.name = 'ticket'+num; // 6
  22.   ele.autocomplete = 'off'; // 6
  23.   ele.placeholder = 'N° Ticket'; // 6
  24.   ele.size = '18';
  25.   ele.required = 'required';
  26.   contenedor.appendChild(ele); // 7
  27.   
  28.   ele = document.createElement('input'); // 5
  29.   ele.type = 'button'; // 6
  30.   ele.value = 'Borrar'; // 8
  31.   ele.name = 'div'+num; // 8
  32.   ele.onclick = function () {borrar(this.name)} // 9
  33.   contenedor.appendChild(ele); // 7
  34. }
  35. function borrar(obj) {
  36.   fi = document.getElementById('fiel'); // 1 
  37.   fi.removeChild(document.getElementById(obj)); // 10
  38. }
  39. //////////////////////////////////////////////////////////////////
  40. //desasignar
  41. num1=0;
  42. function desasigna(obj) {
  43.   num++;
  44.   fi = document.getElementById('desasignacion'); // 1
  45.   contenedor = document.createElement('div'); // 2
  46.   contenedor.id = 'div'+num1; // 3
  47.   fi.appendChild(contenedor);
  48.   
  49.   ele = document.createElement('select');
  50.   ele.name = 'tipo'+num1;
  51.   opt = document.createElement('option');
  52.   ele.options.value = 'tipos';
  53.   ele.appendChild(opt);
  54.   contenedor.appendChild(ele);
  55.  
  56.   ele = document.createElement('input'); // 5
  57.   ele.type = 'text'; // 6
  58.   ele.name = 'des_serie'+num1; // 6
  59.   ele.autocomplete = 'off'; // 6
  60.   ele.placeholder = 'Serie del Equipo'; // 6
  61.   ele.size = '25';
  62.   ele.required = 'required';
  63.   contenedor.appendChild(ele); // 7
  64.   
  65.   ele = document.createElement('input');
  66.   ele.type = 'text';
  67.   ele.name = 'des_rotulo'+num1;
  68.   ele.autocomplete = 'off';
  69.   ele.placeholder = 'Rotulo del Equipo';
  70.   ele.size = '20';
  71.   ele.required = 'required';
  72.   contenedor.appendChild(ele);
  73.   
  74.   ele = document.createElement('input'); // 5
  75.   ele.type = 'button'; // 6
  76.   ele.value = 'Borrar'; // 8
  77.   ele.name = 'div'+num1; // 8
  78.   ele.onclick = function () {borraDesasignacion(this.name)} // 9
  79.   contenedor.appendChild(ele); // 7
  80. }
  81. function borraDesasignacion(obj) {
  82.   fi = document.getElementById('desasignacion'); // 1 
  83.   fi.removeChild(document.getElementById(obj)); // 10
  84. }