Javascript 在html中使用dropdownlistbox

我在html页面中使用dropdownlist和一个标签。我想更改标签的名称 在选择我的下拉列表框时。怎么可能呢

请为我提供任何帮助。

    <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>

测试
函数changeVal（el，changeElID）{
var changeEl=document.getElementById（changeElID）；//获取要更改的输入
changeEl.value=el.options[el.selectedIndex].value；//将输入值更改为所选索引的值
}

[编辑] 重新阅读问题听起来好像您正在尝试更改输入框的名称…如果是这样，请将

changeEl.value

更改为

changeEl.name

检查

它将更改标签的属性“name”及其文本内容（读取其新的name属性值）以查看更改的效果

<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>

函数更改值（选择）{
var value=select.options[select.selectedIndex].value；
var label=document.getElementById（'mylabel'）；
label.setAttribute（'name'，value）；
label.innerHTML=label.getAttribute（'name'）；
} 
孟买
德里
您选择了：

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>

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

---

您在哪里提供代码？我正在使用简单的html页面，我很高兴！记住接受你认为最有用和最正确的答案。先生，我还想更改选择下拉列表框上的图像。请提供任何帮助，然后你应该问另一个具体的问题，因为这是关于下拉列表。我很乐意为您提供帮助：）谢谢先生，谢谢您的帮助，但我并不理解doller登录简单HTMLOP的意义。OP不是要求jQuery，而是要求纯javascript实现。美元符号表示一个名为jQuery的库的用法，这使得javascript开发不那么乏味。@Sandeep:实际上，如果您选择jQuery进行javascript开发，$sign是一个jQuery符号。我想您不知道jQuery，但我更希望您学习jQuery并将其用于客户端开发，因为它具有跨浏览器兼容性等特性，需要的代码比JavaScript少，但最终选择权在您。