Creating instant feedback multiple-choice questions

This is a very old trick. It is not as fancy as using CGI or JavaScript but it is simple and it works. Here is an example:

   What is Darth Vader's real name?

[____A____] Wrong Luke Skywalker

[____B____] Right! Anakin Skywalker

[____C____] Wrong Yoda

[____D____] Wrong Princess Leia

How it is done:

You can make use of  “drop-down” menus to display something upon a click. Drop-down menus were not made with this in mind but it will serve our needs.

Here is an example of the HTML code for a drop down menu:

<select>

<option>Menu</option>

<option>Edit</option>

<option>View</option>

</select>

This is what you see:

Menu Edit View

All you have to do is to copy the code belowl and paste before each option. Remember change the "Right!" and "Wrong" options to match the correct answer. 

<select>

<option>[___A___]</option>

<option>Right!</option>

</select>

<select>

<option>[___B___]</option>

<option>Wrong</option>

</select>

<select>

<option>[___C___]</option>

<option>Wrong</option>

</select>

<select>

<option>[___D___]</option>

<option>Wrong</option>

</select>

You can also add another menu option to give some feedback. For example:

[_____A_____] WrongThat's his son Luke Skywalker

That is it!

      

        Gus