Populate data from one html file to another

Question

I have two html pages named order.html,check.html and test.js(included in both html files) When i click on submit button in order.html,amount field value from order.html should get updated/populate into cost field of check.html. Below is the code i am using but its not working,can someone let me know whats wrong??

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

Try this:

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

Change your test.js to

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

And input type="button"

Populate data from one html file to another

Question

3 answers

solution1
0 2014-08-05 05:44:52

solution2
0 2014-08-05 05:45:51

solution3
0 2014-08-05 05:59:48

Populate data from one html file to another

Question

3 answers

solution1 0 2014-08-05 05:44:52

solution2 0 2014-08-05 05:45:51

solution3 0 2014-08-05 05:59:48

solution1
0 2014-08-05 05:44:52

solution2
0 2014-08-05 05:45:51

solution3
0 2014-08-05 05:59:48