Trabajando con dropdownlistbox en html

Question

Estoy usando una lista desplegable y una etiqueta en mi página html. Quiero cambiar el nombre de la etiqueta en la selección de mi cuadro de lista desplegable. ¿Como es posible?

pls povide cualquier ayuda para mí.

Answer 1

Comprobar this example.

Cambiará el atributo 'nombre' de su etiqueta y su contenido de texto (leyendo su nuevo valor de atributo de nombre) para ver el cambio en el efecto.

<script type="text/javascript"> 
function changeValue(select) { 

    var value = select.options[select.selectedIndex].value; 
    var label = document.getElementById('mylabel'); 

    label.setAttribute('name', value); 
    label.innerHTML = label.getAttribute('name'); 

} 
</script> 

<select name="selectcity" onchange="changeValue(this);" > 
    <option>Mumbai</option> 
    <option>Delhi</option> 
</select> 
You selected: <label id="mylabel" name="citylabel"></label> 

Answer 2

<select id='derp' onchange="changeVal(this,'changeme');"> <!-- declare select, set onchange to point to changeVal JS --> 
     <option value='test'>test</option> 
    </select> 
    <input id='changeme' /> 
    <script type='text/javascript'> 

     function changeVal(el,changeElID){ 

      var changeEl = document.getElementById(changeElID); // Get input to change 
      changeEl.value = el.options[el.selectedIndex].value; // Change input value to value of selected index 

     } 
    </script> 

[EDIT] relectura de la cuestión parece que usted está tratando de cambiar el nombre de la caja de entrada ... si ese es el caso, cambie changeEl.value a changeEl.name

Answer 3

HTML:

<table cellspacing="0" cellpadding="1" rules="all" border="0" id="gvLanguage"> 
    <tr> 
     <td align="left"> 
      <select id="ddlLanguage" style="width: 230px;"> 
       <option value="0">[Select]</option> 
       <option value="1">Afrikaans</option> 
       <option value="2">Akan</option> 
       <option value="3">Albanian</option> 
       <option value="4">American</option> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Selected Value: <label id="lblChange" ></label> 
     </td> 
    </tr> 
</table> 

JQUERY:

$(document).ready(function(){ 
    $("#ddlLanguage").change(function(){ 
     var vSelectedValue = $("option:selected",$(this)).text(); 
     $("#lblChange").text(vSelectedValue); 
    }); 
}); 

CLICK HERE TO SEE THE DEMO