2016-01-13 96 views
1

我有两个变量,col1和col2上,在JavaScript提交时的JavaScript变量发送到另一个页面在PHP中,我需要把它们发送到PHP页面时,点击提交按钮。如何形成使用提交按钮

我有以下代码:

驻留在形式和赋值到它
<script> 
$("input:radio").change(function(){ 
    if($(this).is(":checked")){ 
    var col1 = $(this).parent().parent().children("td:first"); 
    var col2 = col1.next(); 
    } 
}) 
</script> 
+0

如果他们通过JavaScript访问,你可以只将它们保存在[localStorage的] (https://developer.mozilla.org/en/docs/Web/API/Window/localStorage),或者您可以通过URL传递它们。 – Script47

+1

你可以附加链接和ajax调用的值 –

+0

你可以将它们分配给一些隐藏的输入并提交表单。 –

回答

1

使用隐藏的元件。

HTML

<form> 
    <!--other code--> 
    <input type="hidden" id="col1" name="col1"> 
    <input type="hidden" id="col2" name="col2"> 
</form> 

JQUERY

$("input:radio").change(function(){ 
    var col1 = '', col2 = ''; 
    if($(this).is(":checked")){ 
     col1= $(this).parent().parent().children("td:first"); 
     col2 = col1.next();    
    } 
    $('#col1').val(col1); 
    $('#col2').val(col2); 
}); 
+0

把它放在if条件之外,如编辑回答 –

+0

Thanx @Sanjay你解决了我的问题。 – Mudassir

0

您可以使用XMLHTTPRequest来处理你的数据PHP

<script> 
$("input:radio").change(function(){ 
    if($(this).is(":checked")){ 
    var col1 = $(this).parent().parent().children("td:first"); 
    var col2 = col1.next(); 

    $.ajax({ 
     url: "phpfile.php", 
     data: {"col1":col1,"col2":col2}, 
     success:function(data){ 
      console.log(data); 
     } 
    }); 
    } 
}); 
</script> 
0

点击提交按钮时,我需要将它们发送到PHP页面。

所以我可以假设有一个页面刷新(除非你使用event.preventDefault()),所以隐藏的字段值也会被擦除。

所以,你可以使用本地存储和保存价值和新的页面上可以再次进行检索,并用它

$("input:radio").change(function(){ 
    var col1 = '', col2 = ''; 
    if($(this).is(":checked")){ 
     col1= $(this).parent().parent().children("td:first"); 
     col2 = col1.next(); 

    // Storing in local storage 
     localStorage.setItem("col1", col1); 
     localStorage.setItem("col2", col2); 

    // retrieve on next page 
    localStorage.getItem("col1"); // col1 
    }