將數據從一個html文件填充到另一個

Question

我有兩個html頁面，分別名為order.html，check.html和test.js（包含在兩個html文件中），當我單擊order.html中的Submit按鈕時，order.html中的數量字段值應更新/填充到成本字段中check.html。 下面是我正在使用的代碼，但無法正常工作，有人可以讓我知道怎么了嗎？

order.html

<html>
<head>
   <script language="javascript" type="text/javascript" src="test.js"></script>
</head>

<body>

<form name="order" action="check.html" method="get">
name:<input type ="text" id="amount" name="amount">
<input type="submit" value="finish" onclick="cost()" >
</form>

</body>
</html>

check.html

 <head>
       <script language="javascript" type="text/javascript" src="test.js"></script>
    </head>

    <body>

    <form name="check" action="confirm.html" method="get">
    <input type="text" name="cost" id="cost" readonly="readonly">
    </form>

    </body>
    </html>

test.js

function cost(){
var amount= $("#amount").val();
jQuery.load("check.html",function(){
$("#cost").html(amount);
});
}

Answer 1

嘗試這個：

order.html：

<html>
<head>
<script language="javascript" type="text/javascript" src="test.js"></script>
</head>

<body>
    <div id="main_div">
        <form name="order" action="check.html" method="get">
            name:<input type="text" id="amount" name="amount"> <input
                type="button" value="finish" id="submit_btn">
        </form>
    </div>
</body>
</html>

jQuery：

$(document).ready(function() {
    $('#submit_btn').click(function() {
        var amount = $("#amount").val();
        $('#main_div').load("check.html", function() {
            $('#main_div').find("#cost").val(amount);
        });
    });
});

Answer 2

您的order.html輸入類型Submit應該是輸入類型按鈕。

Answer 3

將您的test.js更改為

function cost(){
  var amount= $("#amount").val();
  $('body').load("check.html",function(){
    $("#cost").val(amount);
  });
}

然后input type="button"

將數據從一個html文件填充到另一個

問題描述

3 個解決方案

解決方案1
0 2014-08-05 05:44:52

解決方案2
0 2014-08-05 05:45:51

解決方案3
0 2014-08-05 05:59:48

將數據從一個html文件填充到另一個

問題描述

3 個解決方案

解決方案1 0 2014-08-05 05:44:52

解決方案2 0 2014-08-05 05:45:51

解決方案3 0 2014-08-05 05:59:48

解決方案1
0 2014-08-05 05:44:52

解決方案2
0 2014-08-05 05:45:51

解決方案3
0 2014-08-05 05:59:48