• Lunes 23 de Diciembre de 2024, 17:50

Autor Tema:  Lista  (Leído 2866 veces)

alexis17

  • Miembro MUY activo
  • ***
  • Mensajes: 378
    • Ver Perfil
    • http://www.codigobasico.net
Lista
« en: Martes 8 de Enero de 2008, 13:35 »
0
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
Cada dia aprendo algo nuevo

Mollense

  • Miembro de PLATA
  • *****
  • Mensajes: 1755
  • Nacionalidad: ar
    • Ver Perfil
    • http://solocodigo.com/
Re: Lista
« Respuesta #1 en: Martes 8 de Enero de 2008, 16:06 »
0
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
Necesitás establecer la propiedad "value" de cada option:

Código: Text
  1.     &#60;select name=&#34;lista&#34; size=&#34;1&#34; id=&#34;lista&#34; onChange=&#34;asignar()&#34;&#62;          
  2.       &#60;option value=&#34;1&#34;&#62;hola1&#60;/option&#62;
  3.       &#60;option value=&#34;2&#34;&#62;hola2&#60;/option&#62;
  4.       &#60;option value=&#34;3&#34;&#62;hola3&#60;/option&#62;
  5.     &#60;/select&#62;
  6.  

luego en el script:

Código: Text
  1.     &#60;script&#62;      
  2.       function asignar() {
  3.                 select=document.getElementById('lista');    
  4.                 campo=document.getElementById('textfield');
  5.                 campo.value=select.value;
  6.       }
  7.     &#60;/script&#62;
  8.  

Un saludo :beer:
"Los que renuncian son más numerosos que los que fracasan" H.F.
"No se cómo sería la III Guerra Mundial, pero la cuarta sería con piedras" A.E.
"Quién no fía no es de fiar..."


...no te quedes mirando.

alexis17

  • Miembro MUY activo
  • ***
  • Mensajes: 378
    • Ver Perfil
    • http://www.codigobasico.net
Re: Lista
« Respuesta #2 en: Martes 8 de Enero de 2008, 18:15 »
0
gracias voy a ver si me funciona  :D
Cada dia aprendo algo nuevo

alexis17

  • Miembro MUY activo
  • ***
  • Mensajes: 378
    • Ver Perfil
    • http://www.codigobasico.net
Re: Lista
« Respuesta #3 en: Martes 8 de Enero de 2008, 21:54 »
0
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
Cada dia aprendo algo nuevo

Mollense

  • Miembro de PLATA
  • *****
  • Mensajes: 1755
  • Nacionalidad: ar
    • Ver Perfil
    • http://solocodigo.com/
Re: Lista
« Respuesta #4 en: Miércoles 9 de Enero de 2008, 22:02 »
0
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
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
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
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
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:
"Los que renuncian son más numerosos que los que fracasan" H.F.
"No se cómo sería la III Guerra Mundial, pero la cuarta sería con piedras" A.E.
"Quién no fía no es de fiar..."


...no te quedes mirando.

alexis17

  • Miembro MUY activo
  • ***
  • Mensajes: 378
    • Ver Perfil
    • http://www.codigobasico.net
Re: Lista
« Respuesta #5 en: Jueves 10 de Enero de 2008, 05:12 »
0
gracias ya ahora si entendi :kicking:
Cada dia aprendo algo nuevo

Mollense

  • Miembro de PLATA
  • *****
  • Mensajes: 1755
  • Nacionalidad: ar
    • Ver Perfil
    • http://solocodigo.com/
Re: Lista
« Respuesta #6 en: Jueves 10 de Enero de 2008, 14:30 »
0
Cita de: "alexis17"
gracias ya ahora si entendi :kicking:
Un placer :beer:
"Los que renuncian son más numerosos que los que fracasan" H.F.
"No se cómo sería la III Guerra Mundial, pero la cuarta sería con piedras" A.E.
"Quién no fía no es de fiar..."


...no te quedes mirando.