HTML форма - работает только на одной кнопке в цикле

Question

Итак, я создаю таблицу с формой, и у меня есть 2 строки, проблема в том, что кнопка отправки работает только для одной кнопки, а вторая кнопка отправки выполняет форму, но не отправляет значения

   <tr>
        {% for(username, computer_mac, assign_value) in zip(users_username, computers_mac, assigned_values) %}
            <form action="" method="POST">
                <td>
                computer number: 
                <select class="custom-select" name={{username}}>
                {% for client_id in  computer_client_id%}
                <option value={{client_id}} name={{client_id}} >{{client_id}}</option>
                {% endfor %}
                <option value="-1" name="-1">None</option>
                <option hidden selected>{{assign_value}}</option>
                </select>
                </td>
                <td>{{username}} ({{computer_mac}})</td>
                <td class="assigned_values">{{assign_value}}</td>
                <td>
                    <input type="submit" class="btn btn-danger btn-md a" id="button-id" value="submit">
                </td>   
                <td>
                    <div id="status"></div>
                </td>
            </form>
       </tr>
       {% endfor %}

---

{{username}} = Raz
{{client_id}} = 1
{{other_username}} = a
{{other_client_id}} = None

в первой кнопке, я вижу, что это "{{username}}={{client_id}}&{{other_username}}={{other_client_id}}", что я хотел бы иметь для каждой кнопки он будет отдельным, поэтому первая кнопка будет иметь его {{username}}={{client_id}}, а вторая кнопка будет иметь его {{other_username}} = {{other_client_id}}, как мне это сделать?

JS отправка данных :

var data = $("form").serialize();
            console.log(data);
            $.ajax({
                type: "POST",
                url: 'admin/data',
                data: data,

Answer 1

Итак, я решил это, первая проблема заключалась в том, что мне нужно было создать класс для кнопки, чтобы она работала с несколькими кнопками вместо 1: просто добавив класс кнопки: "button-class" и удалив идентификатор, теперь проблема в том, что для обеих кнопок вывод формы - это Raz=1&a=None, что может быть полезно для вас, но я хотел, чтобы они были отдельными, поэтому кнопка 1 - Raz=1 кнопка 2 - a=None, так что я нашел индекс индекса кнопка, которую я нажимаю на var currentIndex = $('.button-class').index(this); и просто делю на &

try{
                data = data.split('&');
                data = data[currentIndex]
            }
            catch(err){
                data = ""
            }

, и вот теперь у меня есть правильная информация для разных кнопок.