To use the Gadget above requires code being entered in both the head and Widget/HTML Element
Open Settings and place this code in the edit head section
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
function showFAQ(form) {
form.answer.value = form.question.options[form.question.selectedIndex].value;
}
// -->
//]]>
</script>
Now add a new Widget/HTML element on the page and location desired.
Enter this code into the element
<center>
<form name="faqform" id="faqform">
<table border="1" cellspacing="0" cellpadding="5">
<tr bgcolor="#C0C0C0">
<td align="center">
<font face="Arial" size="+1" color="#FFFFFF"><b>Doctor
Inevitable's Solutions</b></font>
</td>
</tr>
<tr bgcolor="#80FFFF">
<td>
<font face="verdana,arial" size="-1"><br /></font>
<center>
<font face="verdana,arial"
size="-1">Browse the "Problems" below to find Doctor Inevitable's Solution.</font>
<div style="margin-left: 2em">
<font face="verdana,arial"
size="-1"><select size="20" name="question" onchange="javascript:showFAQ(this.form);">
<option value="Solution A">
   -->  Problem 1
</option>
<option value="Solution B">
   -->  Problem 2
</option>
<option value="Solution C">
   -->  Problem 3
</option>
<option value="Solution D">
   -->  Really Big Problem
</option>
<option value="Solution E">
   -->  Rather Large Problem
</option>
<option value="Solution F">
   -->  Sort of Awkward Problem
</option>
<option value="Solution G">
   -->  Massive Problem
</option>
<option value="Solution H">
   -->  Terrible Problem
</option>
<option value="Solution I">
   -->  Problem
</option>
<option value="Solution J">
   -->  Problem
</option>
<option value="Solution K">
   -->  Problem
</option>
<option value="Solution L">
   -->  Problem
</option>
<option value="Solution M">
   -->  Problem
</option>
<option value="Solution N">
   -->  Problem
</option>
<option value="Solution O">
   -->  Problem
</option>
<option value="Solution P">
   -->  Problem
</option>
<option value="Solution Q">
   -->  Problem
</option>
<option value="Solution R">
   -->  Problem
</option>
<option value="Solution S">
   -->  Problem
</option>
<option value="Solution T">
   -->  Problem
</option>
</select></font>
</div>
<center>
<font face="verdana,arial"
size="-1">The answers appear below.</font>
<center>
<div
style="margin-left: 2em">
<font face="verdana,arial" size="-1">
<textarea name="answer" rows="15" cols="50">
</textarea></font>
</div>
</center>
</center>
</center>
</td>
</tr>
</table>
</form>
</center>
Now of course you are seeing my code and you will want to change the wording to reflect what you want your form to say. I have made the words to change to your liking Bold.
This code originally came from www.csgnework.com