Display content based on Select Menu dropdown change

Question

I'm currently using the following to display an input field when I change a dropdown 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'
 };">

However, this only changes the input form element called "statesUSA".

If I want to show the div that this form element is inside, how do I do this?

For the record, my HTML reads:

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

Many thanks for any pointers.

jackJoe · Accepted Answer · 2011-10-10 09:14:23Z

1

use document.getElementById(id)

this:

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

answered Oct 10, 2011 at 9:14

jackJoe

11.1k8 gold badges54 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

michaelmcgurk Over a year ago

Hmm. For some reason this isn't working. My current code on the select menu is: if (this.selectedIndex==14){document.getElementById['usa'].style.visibility='visible'}else {document.getElementById['usa'].style.visibility='hidden'};

michaelmcgurk Over a year ago

And the HTML is: <div name="usa" id="usa" class="inputs" style="visibility:hidden;">

jackJoe Over a year ago

don't use [] use parenthesis: () here: instead of ['usa'], use ('usa')

jackJoe Over a year ago

@mcgarriers consider using functions and call them on the onchange

jackJoe Over a year ago

@mcgarriers define a function in a javascript block (like function doThis() { your code here with multile ifs, or maybe case statements } and then use it at the select like this: onchange="doThis()". If the original answer solved your problem, please accept my answer by clicking the √ next to it :)

|

Collectives™ on Stack Overflow

Display content based on Select Menu dropdown change

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related