Dynamic Selection Box with Answers

**Kimmyf** · 06-17-2012 09:58 PM

Hi there,

I would like to do a dynamic selection box with answers and I do not know what the best route is to accomplish this. Wondering if anyone can point me to an example of the code that I could use as a template? Would very much appreciate your help as I am just starting to learn for my website. Thanks, Kim

First box Options:
1. small dog
2. med dog
3. lge dog

Second box Options:
a. 3 years DA
b. 4 years DA

Answer box:
1+a selection = 29 HA
2+a selection = 30 HA
3+a selection = 31 HA
1+b selection = 34 HA
2+b selection = 36 HA
3+b selection = 38 HA

**JMRKER** · 06-17-2012 10:35 PM

One, of many, possible solution...

Code:

<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
var choice = {
  'a1':'29 HA', 'b1':'30 HA', 'c1':'31 HA',
  'a2':'34 HA', 'b2':'36 HA', 'c2':'38 HA'
}

function showSelections() {
  var dogSize = document.getElementById('dog').value;
  var dogYear = document.getElementById('dyrs').value;
  if ((dogSize == '_') || (dogYear == '_')) { alert('Missing choice'); return; }
  var pick = dogSize+dogYear;
  alert(choice[pick]);
}
</script>

</head>
<body>
<select id="dog">
 <option value="_">Dog</option>
 <option value="a">Small Dog</option>
 <option value="b">Medium Dog</option>
 <option value="c">Large Dog</option>
</select>

<select id="dyrs">
 <option value="_">Years</option>
 <option value="1">3 years DA</option>
 <option value="2">4 years DA</option>
</select>

<button onclick="showSelections()">Show Selections</button>
</body>
</html>

**Kimmyf** · 06-17-2012 10:47 PM

Hi, yes when I was looking into this I saw many directions but I didn't know what would work best with Wordpress. Thank you for your response

I wasn't able to get the answer button to show the results though. Am I missing something?

Cheers, Kim

**JMRKER** · 06-18-2012 10:51 PM

Originally Posted by Kimmyf

Hi, yes when I was looking into this I saw many directions but I didn't know what would work best with Wordpress. Thank you for your response

I wasn't able to get the answer button to show the results though. Am I missing something?

Cheers, Kim

I don't use Wordpress, so I'm not sure what the problem is.

What 'answer button' are you talking about?

What browser are you using that does not work for you
and what kind of error are you getting with the supplied code.

Are you using a different program? If yes, show the problem.

Are you using a <!DOCTYPE ...> definition?

**Kimmyf** · 06-19-2012 12:16 AM

Hi there,

Thank you for the reply. The two drop down menus work and I am able to make the selections but when I press the show selection button to see the "answer", nothing happens. I have tried this on my Wordpress site using Chrome and also tried the code separately in dream weaver using IE. I have tried different doc types as well as using nothing.

**JMRKER** · 06-19-2012 08:58 AM

Originally Posted by Kimmyf

Hi there,

Thank you for the reply. The two drop down menus work and I am able to make the selections but when I press the show selection button to see the "answer", nothing happens. I have tried this on my Wordpress site using Chrome and also tried the code separately in dream weaver using IE. I have tried different doc types as well as using nothing.

I'm not sure what your problem is at this time.
I'm on an iMac at work and have tested post #2 using FF and Safari. I developed the script at home on my PC using FF and can not see an error on any tests performed.

In order to solve your problem, you will either need to show the code you are using or find someone
who knows the workings of 'Wordpress' or 'Dream Weaver' as I use neither and cannot be of help.

Or post an active link to where the problem occurs so that we can see any error messages generated.

**Kimmyf** · 06-20-2012 04:11 PM

Thanks Jmrker I got it to work! Appreciate all your help, you rock.

**JMRKER** · 06-20-2012 04:16 PM

Originally Posted by Kimmyf

Thanks Jmrker I got it to work! Appreciate all your help, you rock.

So what did you change or do differently?

Thread: Dynamic Selection Box with Answers

Thread Tools

Display

Dynamic Selection Box with Answers

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions