jquery - 如何使用jquery添加带有值的id提交表单数据

Question

$(document).ready(function() {
    $('#submit').click(function () {    
          // var action = $(this).attr("action",'order_confirmation.php');
          var $inputs = $('#order :input');
          var data = "details=order" + $.map($("input:radio:checked"), function(elem, idx) 
          {
            return "&"+$(elem).attr("name")+"="+ $(elem).val()+ "_" +$(elem).attr("id");
          }).join('');
    });
});

我已将 jquery 与表单提交一起使用，并且我已使用 id 更改了选中的单选按钮值，但我无法发布表单 jquery

Answer 1

您可以在 jQuery 中使用 AJAX 方法

$.ajax({cache:false,dataType:'html',
        crossDomain:true,type:'GET', // You can use POST or GET
        url:'pathPhpFile',
        data : {data,yourData,data2:yourData2}, // data send with GET method
        success:function(html){
            alert(html);  // Result of PHP               
        },
        error:function(j,t,e){
        console.log('bug');
        }
});

PHP

$data = $_GET["data"];
$data2 = $_GET["data2"];

Answer 2

您可以像这样通过 JQuery 提交表单：

 $('#form-id').submit(function() {
      var user_id = "id_" + $("#input-id").val();
      $("#input-id").val(user_id);
      return true;
 });

请参阅 JQuery提交文档。

Answer 3

脚本

$('#submit').click(function (e) {
    e.preventDefault();
    var $inputs = $('#order :input');
    var data = "details=order" + $.map($("input:radio:checked"), function(elem, idx) {
        return "&"+$(elem).attr("name")+"="+$(elem).attr("id")+ "_" +;$(elem).val()
    }).join('');
    $.post($('form').attr('action'), data, function(res) {

    });
});

PHP

$_POST['element_name_you_want_to_retrieve'];

更新

var data = "details=order" + $.map($("input:radio:checked"), function(elem, idx) {
            return "&"+$(elem).attr("name")+"="+ $(elem).attr("id")+ "_" +;$(elem).val()
        }).join('');