2016-01-13 39 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 
    }