Javascript onchange事件

时间:2015-05-19 12:29:34

标签: javascript onchange

我尝试使用Javascript根据下拉框中选择的值更改文本输入的背景颜色。

我想要" businessname"的背景​​颜色。输入要改为黄色,如果" Business"从下拉列表中选择。

这是下拉列表的HTML

<select id="type" name="type" onchange="individualOrBusiness()">
    <option value="select">Select</option>
    <option value="business">Business</option>
    <option value="individual">Individual</option>
</select>

我想改变的输入

<input type="text" id="businessname" name="businessname">

和我试过的Javascript

function individualOrBusiness() {
    var x = document.getElementById("type").value;
    if (x == "Business") {
        document.getElementById("businessname").style.backgroundColor = "yellow";
    }
}

我已尝试过上面的一些变化,但如果有人指出我正确的方向,我就无法让它发挥作用?

干杯

1 个答案:

答案 0 :(得分:3)

如果有疑问查看您的数据

alert(x);

您的价值永远不会是"Business"

<option value="business">Business</option>
               ^^^^^^^^

"business"为小写B。