我尝试使用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";
}
}
我已尝试过上面的一些变化,但如果有人指出我正确的方向,我就无法让它发挥作用?
干杯
答案 0 :(得分:3)
如果有疑问查看您的数据。
alert(x);
您的价值永远不会是"Business"
。
<option value="business">Business</option>
^^^^^^^^
"business"
为小写B。