Anzeige des Inhalts basierend auf der Änderung des Dropdown-Menüs "Select Menu

Question

Ich verwende derzeit Folgendes, um ein Eingabefeld anzuzeigen, wenn ich eine Dropdown-Menüauswahl ändere:

<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'
 };">

Dies ändert jedoch nur das Eingabeformularelement mit der Bezeichnung "statesUSA".

Wie kann ich das Div anzeigen, in dem sich dieses Formularelement befindet?

Fürs Protokoll, mein HTML lautet:

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

Vielen Dank für jeden Hinweis.

Answer 1

Verwenden. document.getElementById(id)

dies:

<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'};">