Блог

У меня есть простая форма, в которой есть переключатель и 2 скрытых поля. Я хочу передать значение переключателя и значение скрытых полей через ajax на страницу php. Значение переключателя передается нормально, но не скрытые поля — нет. Я жестко запрограммировал значения для table и id на странице php, чтобы убедиться, что значение переключателя передается для тестирования.

 <input type="radio" name="contract" value="0" class="custom-switch-input">
<input type="radio" name="contract" value="1" class="custom-switch-input">
<input type="radio" name="contract" value="2" class="custom-switch-input">

<input type="hidden" name="table" value="timber_sales">
<input type="hidden" name="id" value="177">

$(document).ready(function(){
   $('input[type="radio"]').click(function(){
        var contract = $(this).val();

        $.ajax({
             url:"edit_do.php",
             method:"POST",
             data:{contract:contract,id:id,table:table},
        });
   });
});
  

Вы устанавливаете значение contract в вашем прослушивателе событий, но не id или table .

Чтобы заставить это работать так, как у вас это есть в настоящее время, вам также нужно выполнить поиск в dom для значения ваших скрытых полей.

 var contract = $(this).val();
var id = $('input[name="id"]').val();
var table = $('input[name="table"]').val(); 
  

Сначала вам нужно получить значения из скрытых полей. Точно так же, как вы сделали с $(this).val() для значения переключателя. Итак:

 $(document).ready(function(){
   $('input[type="radio"]').click(function(){
        var contract = $(this).val();
        var id = $('input[name=id]').val();
        var table = $('input[name=table]').val();

        $.ajax({
             url:"edit_do.php",
             method:"POST",
             data:{
               contract: contract,
               id:id,
               table:table
             },
        });
   });
});
  

Вероятно, лучше присвоить скрытым полям уникальный атрибут ID и получить их через $('#myuniqueid').val() , но, по крайней мере, вышеуказанное работает до тех пор, пока у вас нет других полей с именем ID или table.

Ваше событие jquery не знает о скрытых полях. Попробуйте это:

             <form id="form1">
                <input type="radio" name="contract" value="0" class="custom-switch-input">
                <input type="radio" name="contract" value="1" class="custom-switch-input">
                <input type="radio" name="contract" value="2" class="custom-switch-input">

                <input type="hidden" name="table" value="timber_sales">
                <input type="hidden" name="id" value="177">
            </form>
            <form id="form2">
                <input type="radio" name="contract" value="0" class="custom-switch-input">
                <input type="radio" name="contract" value="1" class="custom-switch-input">
                <input type="radio" name="contract" value="2" class="custom-switch-input">

                <input type="hidden" name="table" value="timber_sales">
                <input type="hidden" name="id" value="177">
            </form>
            $(document).ready(function(){
                $('form').change(function(){
                    event.preventDefault();

                    var send = $(this).data();

                    $.ajax({
                        url:"edit_do.php",
                        method:"POST",
                        data:send,
                    });
                });
            });