javascript - フォームからJavascript変数にデータを保存する

Question

私はjavascriptに関しては初心者です。さまざまなチュートリアルで遊んでいて、すべてをよりよく理解するために独自の簡単なものを作成しようとしています。今日の学習はすべて、関数を介してパラメーターを渡すことです。私がやりたいのは、ユーザーにフォームに入力してもらい、JavaScriptの変数にそれらの回答を送信してから、onClickイベントを介して関数を呼び出し、フォームに入力されたすべてのデータを表示することです。

まず、これが理にかなっていることを願っています。次に、JavaScriptが正しく使用されていることを願っています。正直に言うと、パラメーターの受け渡しについて理解を深めようとしています。

誰かがリソースをアドバイスしたり、この小さなプロジェクトをどこから始めるべきかについて正しい方向に私を向けることができますか？

Answer 1

var data = document.getElementById('id').value;

これを確認してください： js変数

Answer 2

フォーム要素はselect、、、inputですtextarea。

フォームに、次のことを行う送信イベントハンドラーを追加します

メソッドを使用document.getElementsByTagNameすると、そのようなすべての要素の配列をフォームで取得できます。

これらすべての要素にはvalue、現在の値を返すプロパティがあります。これを使用して、フォームが送信されたときに現在のデータになる文字列を作成できます。

Answer 3

一意のIDを持つtextboxes/textarea / dropdownから値を取得するには、次を使用できます。

document.getElementBtId("IDOFTHECONTROL").value

入力がDIV/SPANの場合は、innerHTMLを使用します

   document.getElementBtId("IDOFTHECONTROL").innerHTML

Answer 4

最も簡単な方法：

var javascriptvar = document.getElementById('CONTROL_ID').value;