javascript - 根据选择菜单下拉更改显示内容

Question

当我更改下拉菜单选择时，我目前正在使用以下内容来显示输入字段:

<select id="delivery_country" name="d_country" onchange="
 if (this.selectedIndex==14){
  this.form['statesUSA'].style.visibility='visible'
 }else {
  this.form['statesUSA'].style.visibility='hidden'
 };">

但是，这只会更改名为“statesUSA”的输入表单元素。

如果我想显示这个表单元素所在的div，我该怎么做？

为了记录，我的 HTML 是这样的:

<div id="usa">
<input type="text" id="statesUSA" />
</div>

非常感谢任何指点。

Answer 1

使用document.getElementById(id)

这个:

<select id="delivery_country" name="d_country" onchange="if (this.selectedIndex==14){document.getElementById('usa').style.visibility='visible'}else {document.getElementById('usa').style.visibility='hidden'};">