Generating text based on selected option in HTML using JavaScript

Question

I am trying to create a site where you select an option from a dropdown list called contactOptions. The options has values ranging from 0 to 8. When the option is selected, I wish for text to appear underneath -- this text is contained within div tags with ID's such as #contact0 for the text corresponding to option 0. These ID's all have display: none by default. I have some JavaScript (below) -- the select tag in my html includes the line onchange = "sortForm()". Unfortunately, the script does not do anything -- the #contact0 remains invisible.

function sortForm() {
  var selection = document.getElementById("contactOptions");
  var selectedValue = selection.options[selection.selectedIndex].value;

  for (var i = 0; i <=8; i++) {
    var subobjContact = document.getElementById("contact" + i);
    if (i == selectedValue) {
      subobjContact.style.display == "block"
    } else {
      subobjContact.style.display == "none"
    }
  }
}

Sudip · Accepted Answer · 2012-08-03 09:49:36Z

1

Use single equal sign

subobjContact.style.display = "block"

and

subobjContact.style.display = "none"

answered Aug 3, 2012 at 9:49

Sudip

2,0512 gold badges13 silver badges16 bronze badges

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

1 Comment

user1573724 Over a year ago

I'll accept that as soon as I can, need to wait 8 mins. Thank you -- so annoying when you comb the code and it turns out to be something so stupid like that. cry

Collectives™ on Stack Overflow

Generating text based on selected option in HTML using JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related