Làm việc với hộp danh sách thả xuống trong html

Question

Tôi đang sử dụng danh sách thả xuống và một nhãn trong trang html của mình. Tôi muốn đổi tên nhãn khi chọn hộp thả xuống của tôi. Làm thế nào là nó có thể?

pls povide bất kỳ trợ giúp nào cho tôi.

Answer 1

Kiểm tra this example.

Nó sẽ thay đổi thuộc tính 'tên' của nhãn của bạn và nội dung văn bản của nó (đọc giá trị thuộc tính tên mới) để xem thay đổi có hiệu lực.

<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] đọc lại câu hỏi có vẻ như bạn đang cố gắng để thay đổi tên của hộp nhập liệu ... nếu đó là trường hợp, thay đổi changeEl.value-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