SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: alexis17 en Martes 8 de Enero de 2008, 13:35

Título: Lista
Publicado por: alexis17 en Martes 8 de Enero de 2008, 13:35
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
Título: Re: Lista
Publicado por: Mollense en Martes 8 de Enero de 2008, 16:06
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:
Título: Re: Lista
Publicado por: alexis17 en Martes 8 de Enero de 2008, 18:15
gracias voy a ver si me funciona  :D
Título: Re: Lista
Publicado por: alexis17 en Martes 8 de Enero de 2008, 21:54
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
Título: Re: Lista
Publicado por: Mollense en Miércoles 9 de Enero de 2008, 22:02
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:
Título: Re: Lista
Publicado por: alexis17 en Jueves 10 de Enero de 2008, 05:12
gracias ya ahora si entendi :kicking:
Título: Re: Lista
Publicado por: Mollense en Jueves 10 de Enero de 2008, 14:30
Cita de: "alexis17"
gracias ya ahora si entendi :kicking:
Un placer :beer: