ユーザーがドロップダウンから特定のオプションを選択したときに、テキストボックスを含むdivをどのように表示するのか疑問に思っていました(オプションを選択)
たとえば、大学の選択オプションがあり、オプションの1つが他のオプションである場合、ユーザーがこれを選択した場合、リストにない場合にユーザーが大学を入力できるテキストボックスを含むdivが必要です。
私はプロトタイプフレームワークを使用しています。
ユーザーがドロップダウンから特定のオプションを選択したときに、テキストボックスを含むdivをどのように表示するのか疑問に思っていました(オプションを選択)
たとえば、大学の選択オプションがあり、オプションの1つが他のオプションである場合、ユーザーがこれを選択した場合、リストにない場合にユーザーが大学を入力できるテキストボックスを含むdivが必要です。
私はプロトタイプフレームワークを使用しています。
可能なバニラソリューション
HTML
<select id="university">
<option value="foo">Something</option>
<option value="other">Other</option>
</select>
<div id="other"></div>
JavaScript
document.getElementById("university").onchange = function() {
if (this.value == "other") {
document.getElementById("other").innerHTML = "<input type='text' name='other' />";
}
};