Foros del Web » Programando para Internet » Javascript »

Cambiar el valor de elementos de una web segun contenido de un <select>

Estas en el tema de Cambiar el valor de elementos de una web segun contenido de un <select> en el foro de Javascript en Foros del Web. Hola, Bueno me encuentro desarrollando algo parecido a un pequeño sistema basado en web y me tope con unas dudas que me gustaria me ayudaran ...
  #1 (permalink)  
Antiguo 26/06/2011, 19:33
 
Fecha de Ingreso: junio-2009
Mensajes: 75
Antigüedad: 14 años, 10 meses
Puntos: 0
Cambiar el valor de elementos de una web segun contenido de un <select>

Hola,

Bueno me encuentro desarrollando algo parecido a un pequeño sistema basado en web y me tope con unas dudas que me gustaria me ayudaran a resolver por favor.

En si mi duda es el saber como puedo cambiar los valores de ciertos elementos, para ser mas de una etiqueta label y un textarea segun se seleccione una opcion de un elemento <select>

Veran para la etiqueta label necesito que me muestre el valor "Empresa" ó "Nombre" segun la opcion que se tome del Select llamado "Tipo de Personal" el cual tiene las opciones "Propio" y "Externo", opte por utilizar JS pues no parece muy complicado, pero parece que no funciona por alguna razon, tengo el codigo de la siguiente manera:

Esta es la función con la que planeo cambiar el valor:

Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2.     $(function cambia_valor(){
  3.     if (document.getElementById('TP').value == 'PROPIO'){
  4.             document.getElementById('Nam').innerText = 'Nombre';
  5.         return 0;
  6.     }
  7.     if (document.getElementById('TP').value == 'EXTERNO'){
  8.             document.getElementById('Nam').innerText = 'Empresa';
  9.         return 0;
  10.     }
  11.     });
  12. </script>

Como puede ver estoy utilizando "InnerText", al principio trate utilizando la propiedad "Value" pero creo que <LABEL></LABEL> no la tiene, puesto que solo esta "mostrando" una información y no tiene un valor asignado directamente,esto a mi parecer claro esta.

En la propiedad Onchange del Select mando llamar la función de la siguiente manera:

Código HTML:
Ver original
  1. Tipo de Personal
  2. <SELECT id="TP" name="tipo_personal" onchange="javascript:cambia_valor()">
  3.       <OPTION VALUE="PROPIO">Propio</OPTION>
  4.       <OPTION VALUE="EXTERNO">Externo</OPTION>

Y el fragmento de codigo de la etiqueta <label> lo tengo identificado de la siguiente manera:


Código HTML:
Ver original
  1. <label id="Nam">Nombre</label>

Como pueden ver para identificar ambos elementos utilizo su ID con GetElementById, pero parece que algo funciona mal en el codigo, podrian echarme una mano para revisarlo porfavor, se los agradeceria.

Saludos.
  #2 (permalink)  
Antiguo 26/06/2011, 19:52
 
Fecha de Ingreso: junio-2009
Mensajes: 75
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: Cambiar el valor de elementos de una web segun contenido de un <select>

Hola,

Parece ya estar resuelto camaradas, funciona con el InerHTML.

Saludos a todos.

Etiquetas: contenido, elementos, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:12.