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

时间:2013-09-25 06:40:32

标签: jquery

$(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

3 个答案:

答案 0 :(得分:0)

你可以在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"];

答案 1 :(得分:0)

您可以通过JQuery提交表单,如下所示:

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

请参阅JQuery Submit 文档。

答案 2 :(得分:0)

<强>脚本

$('#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('');