Javascript selectbox Else If statement

Question

Here is my JS code.

<script type="text/javascript">
  function showfield6(name){
    if(name=='Other')
      document.getElementById('div6').innerHTML='Other: <input type="text" name="pubfer" />';
    else
      document.getElementById('div6').innerHTML='';
  }
</script>

And:

<select name="pubfer" id="pubfer" onchange="showfield6(this.options[this.selectedIndex].value)">
  <option selected="selected">Please select ...</option>
  <option value="Thesis">Thesis</option>
  <option value="Paper">Paper</option>
  <option value="Report">Report</option>
  <option value="Short Notes">Refrigerator</option>
  <option value="Technical Notes">Technical Notes</option>
  <option value="Other">Other</option>
</select>
<div id="div6"></div>

I can't use else if statements.

How can I use my JS code to use it?

Specimen (Choose)
Bone
   Side 
    Elements
    Pathology
    Measurements  (import) excel

Teeth
   Side 
    Measurements report

Hair

If the user selects "Specimen", open fields Bone, Teeth, Hair. If the user selects "Bone" new text fields are going to open. Their names are "side, elements" etc. If the user select "Teeth", new text fields will open.

How can I create this form?

BTW, title is not for typing tags. Oh, and why is php tagged? — Leri
– Leri, Commented Jul 20, 2013 at 11:40
Your code didn't match with your example. Please give an example which related with your code. OR update your code. — Ishan Jain
– Ishan Jain, Commented Jul 20, 2013 at 12:13

Joel Lord · Accepted Answer · 2013-07-20 12:37:06Z

1

Seems like an academic question else there wouldn't be this "can't use else if statements" I guess. Therefore, the only solution I could give you would be to look into switch case statements.

**EDIT: Following @Stano comment, here is a bit more details about how to use a switch case statement.

Switch case can be used when you have multiple possible values for a variable and want to execute a code based on that value.

For example, your showfield6() function could look something like this:

function showfield6(id) {

  switch(id) {  //Begin swith case
    case "Bone":    //When id=="Bone"
      //Execute code block here
      break;        //If you do not add this break, the code in the next case will be executed
    case "Teeth":   //When id=="Teeth"
      //Execute code for "Teeth"
      break;
    case "Hair": 
      //Code block
      break;
    case default:   //Anything that wasnt't matched aboved (id=="SomethingElse")
      //Handle other cases here
  }

}

For more information on swith case statements: http://www.w3schools.com/js/js_switch.asp

edited Jul 20, 2013 at 12:37

answered Jul 20, 2013 at 12:06

Joel Lord

2,1831 gold badge18 silver badges26 bronze badges

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

1 Comment

Joel Lord Over a year ago

Good point @Stano, just edited my answer with more details... Guess I was just too lazy since I hadn't had my first coffee yet. :P

Eswara Reddy · Accepted Answer · 2013-07-20 12:16:54Z

0

Yes, may be it will help you definitely. Have a look on this.

http://www.w3schools.com/js/js_switch.asp

-Thanks

answered Jul 20, 2013 at 12:16

Eswara Reddy

1,6471 gold badge18 silver badges28 bronze badges

Collectives™ on Stack Overflow

Javascript selectbox Else If statement

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related