Ich habe ein relativ einfaches Formular, das eine Vielzahl von Fragen stellt. Eine dieser Fragen wird über eine Auswahlbox beantwortet. Was ich tun möchte, ist, wenn die Person eine bestimmte Option auswählt, wird sie aufgefordert, weitere Informationen einzugeben.

Mit Hilfe einiger Online-Tutorials habe ich es geschafft, das Javascript so einzustellen, dass ein versteckter Div angezeigt wird. Mein Problem ist, dass ich das Ereignis scheinbar nicht auf das Option-Tag beschränken kann, sondern nur auf das Select-Tag.

Im Moment sieht der Code so aus (Code vereinfacht, um die Übersichtlichkeit zu verbessern!):

<select id="transfer_reason" name="transfer_reason onChange="javascript:showDiv('otherdetail');">
<option value="x">Reason 1</option>
<option value="y">Reason 2</option>
<option value="other">Other Reason</option>
</select>

<div id="otherdetail" style="display: none;">More Detail Here Please</div>

Was ich möchte ist, wenn sie "Other Reason" wählen, zeigt es dann die div. Ich bin mir nicht sicher, wie ich das erreichen soll, wenn onChange nicht mit dem Option-Tag verwendet werden kann!

Jede Hilfe sehr geschätzt:)

Hinweis: Absoluter Anfänger, wenn es um Javascript geht, ich entschuldige mich, wenn das blöd einfach zu erreichen ist!