2016-07-15 5 views
0

をprint.htmlするために、私のindex.htmlページ上のindex.htmlとprint.htmlパスjqueryのデータは、私は2つのページを持っている

は電卓があり、iはインデックスに配置された印刷というボタンがあります。 html PRINTボタンをクリックすると、print.htmlに行きます。私の問題は、私がindex.htmlで行った入力値を送信しないということです。 注:この作品は、私がprint.htmlに行っていないと動作します。あなたのprint.htmlをロードするための

window.location = '/print.html?rec_product='+$("#rec_product").val()+'&calc_height='+$("#calc_height").val(); 

を使用することができます

$(document).ready(function() { 
    $('#print_modal').click(function() { 
    e.preventDefault(); 


var rec_product = $('#rec_product').val(); 
var calc_height = $('#calc_height').val(); 
var calc_width = $('#calc_width').val(); 
var calc_depth = $('#calc_depth').val(); 


$('#srec_product').text(rec_product); 
$('#sheight').text(calc_height); 
$('#swidth').text(calc_width); 
$('#sdepth').text(calc_depth); 

     window.print(); 
     return false; 
     window.location.href = "print.html"; 
     window.open(url, '_blank'); 


    }); 
+0

返り偽の値を取得するためにprint.htmlでPHPを使用することができます。 <<<この後は何も実行されませんが、それならば window.location.href = "print.html"; <<<この後は何も実行されません - そうではありません: window.open(url、 '_blank'); – mplungjan

+0

を書き換えました。私が欲しいのは、jqueryを使ってindex.htmlからprint.htmlへの入力値を呼び出すことです。 – JeVic

+0

'' print.html?val = "+ value'を意味し、print.htmlでlocation.searchを使用しますか? – mplungjan

答えて

0

PRINT.HTML値が現れるが、別のページに設定した場合、値が

を示してい同じウィンドウのタブに表示されます。

あなたはprint.html上の値を取得するためのコード、次の複数のパラメータの使用を送信する場合:

<script type="text/javascript"> 
load(); 

function load() 
{ 
    window.location.search.replace ("?", "").split("&") 
     .forEach(function (item) { 
     var tmp = item.split("="); 
     document.getElementById(""+tmp[0]).value=tmp[1]; 
    }); 
} 

</script> 

あなたはjqueryのを経由して、それをしたい場合は、その後の

$("#"+tmp[0]).val(tmp[1]); 

insted使用:

document.getElementById(""+tmp[0]).value=tmp[1]; 

send inパラメータと同じ名前の入力タイプフィールドが必要です。

またprint.htmlであなたの

$(document).ready(function() { 

}); 

にロード機能コードを使用することができます。

+0

に送信したいと思っています。私のコメント – mplungjan

+0

で提案されているように、print htmlに表示されるようにrec_productをどのようにcalしますか? – JeVic

+0

私は答えを編集しました。 – Abhay

0

$("#print_modal").click(function(e) { 
     e.preventDefault(); 
     var value = //get input value 
     $.get("print.html", {"value":value}); 
    }); 

このjQueryのコードは(12あなたの値である)print.html?value=12にご案内いたします。

それから($_GET['value']

+0

拡張子が.htmlの場合はPHPではない可能性があります - とにかく私のコメントで提案したものです – mplungjan

関連する問題