Javascript onchange 事件

Question

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

如果从下拉列表中选择 "Business"，我希望将 "businessname" 输入的背景颜色更改为黄色。

这是下拉菜单 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";
    }
}

我已经尝试了上面的一些变体，但是我无法让它工作，如果有人指出我正确的方向吗？

干杯

Answer 1

如有疑问查看您的数据。

alert(x);

你的价值永远不会是"Business"。

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

是"business"小写的B。

Javascript onchange 事件

Javascript onchange event

javascript

onchange