javascript级联下拉列表和创建文本输入框

我试图创建一个级联下拉列表，其中也包含“其他”值。用户选择“其他人”后，应弹出一个文本输入框，供用户手动输入信息和提交按钮

我是JavaScript新手，所以不确定我是否正确地执行了下面的操作

var statesUSA=[“加利福尼亚州”、“伊利诺伊州”、“威斯康星州”、“其他州”]；
var statesCanada=[“魁北克省”、“安大略省”、“阿尔伯塔省”、“其他省”]；
函数校验值（val）{
如果（val==“其他”）
document.getElementById（'color'）.style.display='block'；
其他的
document.getElementById（'color'）.style.display='none'；
}
功能countryChanged（国家/地区）{
var selectState=document.getElementById（'states'）；
var ln=selectState.length-1；
而（ln>0）{
selectState.remove（1）；//除去“selectState”之外的所有内容
ln--；
}
var状态数组；
交换机（国家/地区）{
案例“美国”：
stateArray=statesUSA
打破
“加拿大”案：
stateArray=statesCanada
打破
“英格兰”案：
stateArray=statesEngland
打破
违约：
}
对于（i=0；i

选择国家
美国
加拿大
选择状态

那么您的问题是什么？id为“color”的元素在哪里？它当前不存在，因此无法显示。当用户在下拉列表中选择值“other”时，我正在尝试创建一个文本输入框。@Saloo，没有任何迹象表明您正在创建ID为“color”的元素。您需要首先创建和元素（就像使用“option”一样），然后需要将id属性设置为“color”。完成此操作后，可以调用函数检查值并显示创建的元素。如果您不知道如何设置ID属性，请检查此处：