jQuery serializeArrayを使用してJS変数にHTMLフォームデータを格納する

Question

Javascript/jQueryを使用してフォームからデータを取得し、その値を変数に保存しようとしています。フォームにはテキスト入力と送信ボタンが1つしかなく、1つのデータだけを取り出す必要があります。私はこのコードをオンラインの例からまとめましたが、出力が得られません。

$("#submit").onclick = function() { 

    var input = ""; 
    $("#binary-input").click(function() { 
     var x = $("form").serializeArray(); 
     $.each(x, function(i, field) { 
      input = field.value; 
     }); 
    }); 

    console.log("Input: "); 
    console.log(input); 
} 

私のコードの修正は、私が要求していますが、より効率的なアプローチもはるかに高く評価されるものです。

Answer 1

最初にオフになっているjQueryには、 'onclick'イベントハンドラがありません。あなたはどちらかの使用そうのような（https://api.jquery.com/click/）を「クリック」することができます（https://api.jquery.com/on/）「オン」

$("#submit").click(function()... 

または使用すると、あなたは

これを処理するイベントの種類を指定し、私は通常どおりたいものです：

$("#submit").on("click", function(){ 
    // Get the input and its value 
    var inputValue = $("#binary-input").val(); 

    // Output the value 
    console.log(inputValue); 
} 

希望に応じます。