Javascript 从下拉列表中检索并设置Java脚本的标签

我想在用户选择下拉列表中的一个值时显示标签。 这些是我的代码

<table>
    <tr>
        <td>Spend Amount </td>
        <td>
            <select name="amountSpend">
              <option value="Less">Less </option>
              <option value="More">More</option>
              <option value="By">range</option>
            </select>
        </td>
    </tr>  
</table>​

花费金额
较少的
更多
范围
​

例如，当用户选择“小于”时，我希望使用标签显示“小于10”。

---

谢谢

您可以利用

document.getElementsByName

检索选择并处理

onchange

事件：

<label id="foo"></label>

<table>
    <tr>
        <td>Spend Amount </td>
        <td>
            <select name="amountSpend">
              <option value="Less">Less </option>
              <option value="More">More</option>
              <option value="By">range</option>
            </select>
        </td>
    </tr>  
</table>​

<script>
    document.getElementsByName('amountSpend')[0].onchange = function(e){
        document.getElementById('foo').innerHTML = this.value + ' than 10';
    };
</script>

花费金额
较少的
更多
范围
​
document.getElementsByName（'amountSpend'）[0]。onchange=function（e）{
document.getElementById（'foo'）.innerHTML=this.value+'than 10'；
};

示例：

---

是的，它就像我想要的那样工作……谢谢……但是如果我的表单中有多个下拉列表呢？那么你需要给你的

select

一个

id

属性并使用

document.getElementById（'yourselectid'））

而不是

getElementsByName

我尝试了下面答案中的解决方案，效果很好……在此之前，我在根据用户从下拉列表中选择的内容显示标签时遇到了一些问题