私は<datalistタグ>の仕組みをもっと知る必要があります

Question

私のウェブサイトに「文字」を登録するコードを書いています。注：文字はユーザーとは異なります。私は彼らが新しい文字を登録するときにそれらのためのオプションを置くタグを使用しています。ここに私のコードである（それの小さなビットが。）

<p> Is the character fictional or non-fictional? </p> <input list="fiction" name="fiction"> <datalist id="fiction"> 
<option value="Fictional"> 
<option value="Non-fictional"> 

さて、私は、ユーザーが上記の入り口に選んだものを選択に応じて、異なる詳細を記入したいとしましょう。 たとえば、彼らが架空のものを選んだ場合、私は「このキャラクターは何の小説ですか？彼らが非架空のものを選んだ場合、「この人はどんな仕事をしていますか？」

私は6ヶ月以内にコーディングを始めました。私は学校で忙しかったです。すべての助けに感謝します。

Answer 1

したがって、datalistタグは、入力フィールドに対して事前設定されたオプションを提供します。ユーザーがどちらか一方を選択した後で、そのキャラクターについてさらに質問したいと思うよりも正しいと理解していれば、 なぜあなたはjavascript関数でこれをしませんか？ 入力フィールドの変更を聴いて、document.getElementById('textbox_id').valueで選択した値を取得して、入力可能性を区別し、適切な応答を表示することができます。