Easy... everything has already been fetched before... take a look at the source ( no copyrights violation intended ):
<script> var programSelectionTable; var programDescription; var programSubProgramSelect; var programHigestLevel; function showOtherFields(n){ var selectedProgramName = document.getElementById('selectBox'+n).options[document.getElementById('sele ctBox'+n).selectedIndex].value; if (selectedProgramName=="") { document.getElementById('programDescritionText'+n).innerHTML = programDescription; document.getElementById('subProgramSelect'+n).innerHTML = programSubProgramSelect; document.getElementById('highestLevelRep'+n).innerHTML = programHigestLevel; document.getElementById('hiddenProgramName'+n).innerHTML = ""; document.getElementById('yesButton'+n).disabled=true; document.getElementById('noButton'+n).disabled=true; } else { getProgramDescrption(selectedProgramName,n); document.getElementById('subProgramSelect'+n).innerHTML = document.getElementById(selectedProgramName+"CNameSelect").value; document.getElementById('highestLevelRep'+n).innerHTML = document.getElementById(selectedProgramName+"HighestLevel").value; document.getElementById('hiddenProgramName'+n).innerHTML = document.getElementById(selectedProgramName+"HiddenProgram").value; document.getElementById('yesButton'+n).disabled=false; document.getElementById('noButton'+n).disabled=false; } } function showNextSection(n){ document.getElementById('sectionJSOn'+n).innerHTML = createProgramSelectionTable(n); document.getElementById('sectionJSOn'+n).style.display=""; } function createProgramSelectionTable(n){ var nextSectionToShow = n+1; programSelectionTable= "<table border=\"0\" cellspacing=\"1\" cellpadding=\"4\">"; programSelectionTable += "<tr>"; programSelectionTable += "<td class=\"label\" align=\"right\">Select Program Group:<img src=\"../images/asterik.gif\">"; programSelectionTable += "</td>"; programSelectionTable += "<td class=\"inputArea\" > "; programSelectionTable += "<select onchange=\"showOtherFields("+n+")\" id=\"selectBox"+n+"\" class=\"inputArea\">"; programSelectionTable += "<option value=\"\">Select from list</option>"; programSelectionTable += "<option value=\"cit\">Citizen Action</option>"; programSelectionTable += "<option value=\"cip\">Critical Infrastructure</option>"; programSelectionTable += "<option value=\"eoc\">Emergency Management</option>"; programSelectionTable += "<option value=\"fire\">Fire & Emergency Medical Services</option>"; programSelectionTable += "<option value=\"gov\">Government Operations</option>"; programSelectionTable += "<option value=\"le\">Law Enforcement - Commissioned Officers Only</option>"; programSelectionTable += "<option value=\"ps\">Private Sector</option>"; programSelectionTable += "<option value=\"ph\">Public Health</option>"; programSelectionTable += "</select>"; programSelectionTable += "</td>"; programSelectionTable += "</tr>"; programSelectionTable += "<tr valign=\"top\">"; programSelectionTable += "<td class=\"label\">Program Group Description:"; programSelectionTable += "</td>"; programSelectionTable += "<td class=\"inputArea\" > "; programSelectionTable += "<div id=\"programDescritionText"+n+"\" style=\"display:\">"; programDescription = "<textarea rows=\"4\" cols=\"57\" readonly=\"true\">"; programDescription += "</textarea>"; programSelectionTable += programDescription ; programSelectionTable += "</div>"; programSelectionTable += "</td>"; programSelectionTable += "</tr> "; programSelectionTable += "<tr>"; programSelectionTable += "<td class=\"label\">Select Sub Program Group:<img src=\"../images/asterik.gif\">"; programSelectionTable += "</td>"; programSelectionTable += "<td class=\"inputArea\" > "; programSelectionTable += "<div id=\"subProgramSelect"+n+"\">"; programSubProgramSelect = "<select disabled=\"true\" class=\"inputArea\">"; programSubProgramSelect += "<option value=\"\">Select from list, or Select \"None\" or \"Other\"</option>"; programSubProgramSelect += "</select>"; programSelectionTable += programSubProgramSelect ; programSelectionTable += "</div>"; programSelectionTable += "</td>"; programSelectionTable += "</tr> "; programSelectionTable += "<tr>"; programSelectionTable += "<td class=\"label\" align=\"left\" nowrap colspan=\"2\">Select Highest Level of Responsibilty:<img src=\"../images/asterik.gif\"></td>"; programSelectionTable += "</tr>"; programSelectionTable += "<tr>"; programSelectionTable += "<td colspan=\"2\">"; programSelectionTable += "<div id=\"highestLevelRep"+n+"\">"; programHigestLevel = "<table border=\"0\" cellpadding=\"4\" cellspacing=\"1\">"; programHigestLevel += "<tr>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >International</td>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >Federal</td>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >Regional</td>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >State</td>"; programHigestLevel += "</tr> "; programHigestLevel += "<tr>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\">County</td>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >Local</td>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >City</td>"; programHigestLevel += "<td class=\"inputArea\"><input type=\"radio\" style=\"border: 0px\" disabled=\"true\" >Tribal</td>"; programHigestLevel += "</tr>"; programHigestLevel += "</table>"; programSelectionTable += programHigestLevel; programSelectionTable += "</div>"; programSelectionTable += "</td>"; programSelectionTable += "</tr>"; programSelectionTable += "<tr>"; programSelectionTable += "<td colspan=\"2\" class=\"label\">Are you eligible for another program group? "; programSelectionTable += "<input type=\"button\" id=\"yesButton"+n+"\" class=\"button\" value=\"Yes\" onclick=\"showNextSection("+nextSectionToShow+")\" disabled=\"true\"> <input class=\"button\" id=\"noButton"+n+"\" type=\"button\" value=\"No\" disabled=\"true\">"; programSelectionTable += "</td>"; programSelectionTable += "</tr>"; programSelectionTable += "<tr>"; programSelectionTable += "<td colspan=\"2\">"; programSelectionTable += "<div id=\"hiddenProgramName"+n+"\"></div>"; programSelectionTable += "<hr />"; programSelectionTable += "</td>"; programSelectionTable += "</tr>"; programSelectionTable += "</table>"; return programSelectionTable; } function getProgramDescrption(selectedProgramName, n){ var programDescriptionText="<textarea rows=\"4\" cols=\"57\" readonly=\"true\">"; if (selectedProgramName=="cit") { programDescriptionText+="Individuals who currently assist in their community or would be available in case of an emergency. Often their participation is in a volunteer capacity and they may be involved in a structured organization such as Citizen Corps or Red Cross or participate in ad hoc groups. Many citizens are involved in organized volunteer activities on a full time basis, while others are only available as needed."; } else if (selectedProgramName=="cip"){ programDescriptionText+="Individuals whose professional responsibilities include ownership, management, operations or protection of the critical infrastructures of the United States. HSIN-CI recognizes the following as critical infrastructures: Agriculture & Food; Banking & Finance; Chemical & HAZMAT; Defense Industry; Education; Emergency Services; Energy; Government Operations; Information Technology; Law Enforcement; National Monuments and Icons; Postal & Shipping; Private Sector; Public Health; Transportation; Water/Waste Water."; } else if (selectedProgramName=="eoc"){ programDescriptionText+="Individuals responsible for Emergency Management : prevention, response and mitigation. This Program Group includes federal, state, local, private and volunteer emergency management operations. "; } else if (selectedProgramName=="fire"){ programDescriptionText+="Individuals responsible for Fire & Emergency Medical Services : prevention, response and mitigation. This Program Group includes federal, state, local, private, volunteer and tribal fire and emergency management operations."; } else if (selectedProgramName=="gov"){ programDescriptionText+="Individuals representing government agencies at the Federal, Regional, State, County, Local, City and Tribal levels."; } else if (selectedProgramName=="le"){ programDescriptionText+="This Program Group is restricted to active Commissioned Peace officers from federal, regional, state, county, local, city, tribal and private agencies. "; } else if (selectedProgramName=="ps"){ programDescriptionText+="Individuals representing corporations, associations and industry units who have an inherent or developed experience basis from which to draw on. Typically, these are decision makers and include those who need to know and those who need to act. "; } else if (selectedProgramName=="ph"){ programDescriptionText+="Individuals representing hospitals, doctors, pharmacists, emergency clinics and so on. The individuals represent health care corporations and associations as well as ancillary industries that are focused on public health. "; } programDescriptionText+="</textarea>"; document.getElementById('programDescritionText'+n).innerHTML = programDescriptionText; document.getElementById('programDescritionText'+n).style.display=""; } </script><script language="JavaScript"> Hope it helps Lucas ----- Original Message ----- From: "Caroline Jen" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Sent: Friday, September 24, 2004 6:43 PM Subject: Dynamically Display in the Textarea Based on Menu Selection Made by Users > It seems to me that it can be done. Would you please > just take a look at > https://www.swern.gov/forms/enrollmeform.php > > and scroll down a little below half way. There is a > drop-down menu for the 'Select Program Group'. And > there is a textarea right below that drop-down menu. > > Simply select a group from the drop-down menu, you > will see a description of that program group appears > in the textarea. > > I wonder how it is done. Because I am trying to > search the database tables upon selection is made by > users. And then, display what I find in the database > in the textarea. > > > > __________________________________ > Do you Yahoo!? > Yahoo! Mail - Helps protect you from nasty viruses. > http://promotions.yahoo.com/new_mail > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [EMAIL PROTECTED] > For additional commands, e-mail: [EMAIL PROTECTED] > --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]