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

Populate data from one html file to another

本文关键字：文件 html 填充 另一个 一个 数据      更新时间：2023-09-26

我有两个名为order.html,check.html和test.js的html页面(包含在两个html文件中)当我点击提交按钮在订单.html，金额字段值从订单.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>

. js 

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

您的order.html输入类型submit应该是输入类型button

将test.js更改为

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

和input type="button"

试试这个:

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);
        });
    });
});
相关文章：