Javascript onchange事件

Question

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

如果从下拉列表中选择“业务”，我希望将“业务名称”输入的背景色更改为黄色。

这是下拉菜单的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>
               ^^^^^^^^

它是带有小写字母B的"business" 。