php - onChange イベントでフォーム要素の値を Ajax Post メソッドに渡す

Question

そのため、onChange イベントを使用して ajax で値を渡したいフォームを選択します。

<select name="someName" id="someName" onChange="changeSomething()">
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
    <option value="3">Value 3</option>
    <option value="4">Value 4</option>
</select>
    <div id="base_url"></div>
    <script>
        function changeSomething() {       
            $.ajax({
                url: "http://example.com/ajax/command/change_something.php",
                type: "POST",
                async: true,
                cache: false,
                data: {
                    "key": "2qsKeJrQNLE1GoFrnWpL",
                    "base_url": "http://example.com/",
                    "id": $("#someName").val() //  I want to get the value of this one
                },
                success: function (data) {
                    $("#base_url").html(data);
                }
            });
        }
    </script>

特にonChangeイベントでフォーム要素の値を渡す別の方法はありますか? 私はそれを間違っていますか？助けてください！！T_T

Answer 1

$.serializeArray() JQuery 関数を使用して、フォーム要素をシリアル化できます。

http://api.jquery.com/serializeArray/のドキュメントを参照して ください。