Programación Web y Scripting > HTML

 Lista

(1/2) > >>

alexis17:
hola buenos dias que tal

estoy intentando realizar una lista en un formulario, para ver si me podrian dar algun ejemplo o idea de como realizarlo, si eso se peude realizar con html o tiene que ser con javascrt

la idea es la siguiente

tengo una lista con 3 elementos
hola1
hola2
hola3

cuando seleccione hola1

me aparesca el numero 1 en un campo de <input name="textfield" type="text" /> de igual manera cuando presione los otros pase lo mismo

<select name="lista" size="1" id="lista">
    <option>hola1</option>
    <option>hola2</option>
    <option>hola3</option>
  </select>

seria como una especie de evento selected en visual basic

Mollense:

--- Cita de: "alexis17" ---hola buenos dias que tal

estoy intentando realizar una lista en un formulario, para ver si me podrian dar algun ejemplo o idea de como realizarlo, si eso se peude realizar con html o tiene que ser con javascrt

la idea es la siguiente

tengo una lista con 3 elementos
hola1
hola2
hola3

cuando seleccione hola1

me aparesca el numero 1 en un campo de <input name="textfield" type="text" /> de igual manera cuando presione los otros pase lo mismo

<select name="lista" size="1" id="lista">
    <option>hola1</option>
    <option>hola2</option>
    <option>hola3</option>
  </select>

seria como una especie de evento selected en visual basic
--- Fin de la cita ---
Necesitás establecer la propiedad "value" de cada option:


--- Código: Text ---    &#60;select name=&#34;lista&#34; size=&#34;1&#34; id=&#34;lista&#34; onChange=&#34;asignar()&#34;&#62;                 &#60;option value=&#34;1&#34;&#62;hola1&#60;/option&#62;      &#60;option value=&#34;2&#34;&#62;hola2&#60;/option&#62;      &#60;option value=&#34;3&#34;&#62;hola3&#60;/option&#62;    &#60;/select&#62;  
luego en el script:


--- Código: Text ---    &#60;script&#62;             function asignar() {                select=document.getElementById('lista');                     campo=document.getElementById('textfield');                 campo.value=select.value;      }    &#60;/script&#62; 
Un saludo :beer:

alexis17:
gracias voy a ver si me funciona  :D

alexis17:
una consulta

en la siguiente funcion
<script>      
      function asignar() {
               select=document.getElementById('lista');    
               campo=document.getElementById('textfield');
               campo.value=select.value;
      }
    </script>


me funciona bien el ejemplo pero algunas cosas no entiendo

por ejemplo se que textfield es el nombre del campo que se va a mostrar los valores que selecciono

en esta linea
 select=document.getElementById('lista');    

asigno el id que tengo en mi lista a select ese select es de variable o es el de la propiedad de la lista

esta linea
campo=document.getElementById('textfield');

el nombre campo que le coloco es una varieble o una propiedad, ya que veo que no es el mismo nombre que el campo que quiero que se muestre la informacion


y esta linea
campo.value=select.value;
el nombre campo se le asigna lo que se selecciona

lo que me enrreda es que no se que o dodne va la variable campo esa es al duda
disculpe mi ignorancia

Mollense:

--- Cita de: "alexis17" ---una consulta

en la siguiente funcion
<script>       
      function asignar() {
               select=document.getElementById('lista');     
               campo=document.getElementById('textfield');
               campo.value=select.value;
      }
    </script>


me funciona bien el ejemplo pero algunas cosas no entiendo

por ejemplo se que textfield es el nombre del campo que se va a mostrar los valores que selecciono

en esta linea
 select=document.getElementById('lista');     

asigno el id que tengo en mi lista a select ese select es de variable o es el de la propiedad de la lista

esta linea
campo=document.getElementById('textfield');

el nombre campo que le coloco es una varieble o una propiedad, ya que veo que no es el mismo nombre que el campo que quiero que se muestre la informacion


y esta linea
campo.value=select.value;
el nombre campo se le asigna lo que se selecciona

lo que me enrreda es que no se que o dodne va la variable campo esa es al duda
disculpe mi ignorancia
--- Fin de la cita ---

--- Citar ---en esta linea
select=document.getElementById('lista');

asigno el id que tengo en mi lista a select ese select es de variable o es el de la propiedad de la lista
--- Fin de la cita ---
No, "select" es una variable que pasa a ser una referencia del objeto "lista".



--- Citar ---esta linea
campo=document.getElementById('textfield');

el nombre campo que le coloco es una varieble o una propiedad, ya que veo que no es el mismo nombre que el campo que quiero que se muestre la informacion
--- Fin de la cita ---
Igual que antes, "campo" es una variable que va a referenciar al objeto "textfield", por lo tanto, esta variable ("campo") podría haberse llamado de cualquier forma.


--- Citar ---y esta linea
campo.value=select.value;
el nombre campo se le asigna lo que se selecciona

lo que me enrreda es que no se que o dodne va la variable campo esa es al duda
disculpe mi ignorancia
--- Fin de la cita ---
En esa línea, la propiedad "value" del objeto "select" se le asigna a la propiedad "value" del objeto "campo", pero al ser "select" y "campo" simples referencias , esto es igual a que la propiedad "value" del objeto "lista" se le asigna a la propiedad "value" del objeto "textfield".

Espero que se entienda

Un saludo :beer:

Navegación

[0] Índice de Mensajes

[#] Página Siguiente