Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/06/2011, 19:33
Stackado
 
Fecha de Ingreso: junio-2009
Mensajes: 75
Antigüedad: 15 años, 9 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.