根据“选择菜单”下拉列表更改显示内容

时间:2011-10-10 09:09:06

标签: javascript html drop-down-menu selection

当我更改下拉菜单选项时,我正在使用以下内容显示输入字段:

<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>

非常感谢任何指示。

1 个答案:

答案 0 :(得分: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'};">