Question

我有两个名为order.html的html页面，check.html和test.js（包含在两个html文件中）当我点击order.html中的提交按钮时，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输入类型提交应该是输入类型按钮。

Answer 3

将test.js更改为

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

input type="button"

将数据从一个html文件填充到另一个

3 个答案: