JSFiddle - React, Tailwind, and code Playground

by Twisty

HTML

{% for ksiazka in ksiazki %}<br /><br />
1. <input type="number" class="inputISBN" size="2" name="ksiazka.isbn1" value="{{ ksiazka.quantity }}" onchange="myFunction()" /><br /><br />
2. <input type="number" class="inputISBN" size="2" name="ksiazka.isbn2" value="{{ ksiazka.quantity }}" onchange="myFunction()" /><br /><br />
3. <input type="number" class="inputISBN" size="2" name="ksiazka.isbn3" value="{{ ksiazka.quantity }}" onchange="myFunction()" /><br /><br />
<br />{% endfor %}
<a href="">Execute</a>

JavaScript

function myFunction() {
    var data = {};
        var elementy = $(".inputISBN");

        $.each(elementy, function(k, v){
            data[$(this).attr("name")] = $(this).val();
        });

        console.log("$.ajax({");
        console.log("\turl: \"{{ path('test') }}\",");
        console.log("\ttype: \"POST\",");
        console.log("\tdata: {");
        console.log("\t\t'data': " + JSON.stringify(data));
        console.log("\t}");
        console.log("});");
                    
        /*
        $.ajax({
            url: "{{ path('test') }}",
            type: "POST",
            data: {
                "data": data
            }

        });
        */
}

$(function(){
    $("a").click(function(e){
        e.preventDefault();
        myFunction();
    });
});