显示隐藏文本输入字段javascript

如果用户选择了特定的下拉框的值，我想显示隐藏的文本字段供用户输入。 这是我的代码片段

var cCust=document.getElementsByName（'customerType'）；
cCust.onchange=cType；
函数cType（）{
var cCust=document.getElementsByName（'customerType'）；
var selectValue=cCust[0]。选项[cCust[0]。selectedIndex]。值；
警报（选择值）；
如果（selectValue==“trd”）{
document.getElementById（'tradeCustDetails'）.style.visibility=“visible”；
document.getElementById（'retCustDetails'）.style.visibility=“hidden”；
}
否则{
document.getElementById（'tradeCustDetails'）.style.visibility=“hidden”；
}
}

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称

为什么不在html中使用direct onchange事件

<select name="customerType" onchange="cType()">
    <option value="">Customer Type</option>
    <option value="ret">Customer</option>
    <option value="trd">Trade</option>
</select>

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称

为什么不在html中使用direct onchange事件

<select name="customerType" onchange="cType()">
    <option value="">Customer Type</option>
    <option value="ret">Customer</option>
    <option value="trd">Trade</option>
</select>

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称

你的

onchange

没有开火。我认为你可以继续进行以下工作：

函数cType（）{
var cCust=document.getElementsByName（'customerType'）；
var selectValue=cCust[0]。选项[cCust[0]。selectedIndex]。值；
警报（选择值）；
如果（selectValue==“trd”）{
document.getElementById（'tradeCustDetails'）.style.visibility=“visible”；
document.getElementById（'retCustDetails'）.style.visibility=“hidden”；
}
否则{
document.getElementById（'tradeCustDetails'）.style.visibility=“hidden”；
}
}

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称

你的

onchange

没有开火。我认为你可以继续进行以下工作：

函数cType（）{
var cCust=document.getElementsByName（'customerType'）；
var selectValue=cCust[0]。选项[cCust[0]。selectedIndex]。值；
警报（选择值）；
如果（selectValue==“trd”）{
document.getElementById（'tradeCustDetails'）.style.visibility=“visible”；
document.getElementById（'retCustDetails'）.style.visibility=“hidden”；
}
否则{
document.getElementById（'tradeCustDetails'）.style.visibility=“hidden”；
}
}

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称

您的问题在于调用

客户类型
的
onChange
的方式。我从脚本中删除了它，并将其作为属性添加到html中，作为
onChange=“cType（this）”
。这样，每当下拉列表的值更改时，就会调用函数
cType
，并将当前上下文（This）作为参数

希望这有帮助：）


函数cType（）{
var cCust=document.getElementsByName（'customerType'）；
var selectValue=cCust[0]。选项[cCust[0]。selectedIndex]。值；
警报（选择值）；
如果（selectValue==“trd”）{
document.getElementById（'tradeCustDetails'）.style.visibility=“visible”；
document.getElementById（'retCustDetails'）.style.visibility=“hidden”；
}
否则{
document.getElementById（'tradeCustDetails'）.style.visibility=“hidden”；
}
}

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称
您的问题在于调用
客户类型
的
onChange
的方式。我从脚本中删除了它，并将其作为属性添加到html中，作为
onChange=“cType（this）”
。这样，每当下拉列表的值更改时，就会调用函数
cType
，并将当前上下文（This）作为参数

希望这有帮助：）


函数cType（）{
var cCust=document.getElementsByName（'customerType'）；
var selectValue=cCust[0]。选项[cCust[0]。selectedIndex]。值；
警报（选择值）；
如果（selectValue==“trd”）{
document.getElementById（'tradeCustDetails'）.style.visibility=“visible”；
document.getElementById（'retCustDetails'）.style.visibility=“hidden”；
}
否则{
document.getElementById（'tradeCustDetails'）.style.visibility=“hidden”；
}
}

下单
客户类型：
客户类型
顾客
贸易
名字
姓
公司名称
未将
onchange
事件处理程序分配给select元素的原因是
文档。getElementsByName（'customerType'）
将返回一个数组，而不是确切的引用。您应该指向索引
0
。见下文：


var cCust=document.getElementsByName（'customerType'）；
cCust[0]。onchange=cType；
函数cType（）{
//var cCust=document.getElementsByName（'customerType'）；
var selectValue=cCust[0]。选项[cCust[0]。selectedIndex]。值；
警报（选择值）；
如果（selectValue==“trd”）{
document.getElementById（'tradeCustDetails'）.style.visibility=“visible”；
document.getElementById（'retCustDetails'）.style.visibility=“hidden”；
}
否则{
document.getElementById（'tradeCustDetails'）.style.visibility=“hidden”；
}		
}

下单
客户类型：
客户类型
顾客
贸易
名字
姓