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

Display content based on Select Menu dropdown change

本文关键字：显示 选择 菜单 选择菜单 根据      更新时间：2023-09-26

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

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

使用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'};">
相关文章：