Заполнение данных из одного файла html другому

У меня есть две html-страницы с именем order.html, check.html и test.js (включены в оба файла html) Когда я нажимаю кнопку отправки в файле order.html, значение поля суммы из order.html следует обновить/заполнить поле затрат check.html. Ниже приведен код, который я использую, но его не работает, может кто-то дать мне знать, что случилось?Заполнение данных из одного файла 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); 
}); 
}

источник

2014-08-05 user3791885

Взгляните на то, что '.load' делает: http://api.jquery.com/load/ –

Попробуйте это:

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); 
     }); 
    }); 
});

источник

2014-08-05 05:44:52

Здравствуйте, я попытался приведенный выше код, но когда я ввожу данные и нажимаю кнопку завершения на странице order.html, он не перенаправляется на страницу check.html вообще – user3791885

изменил мой js немного и работал для меня .. – user3791885

Да, страница не будет перенаправлена потому что я изменил ваш тип кнопки «отправить» на «кнопку». Поскольку мы получаем данные check.html через метод Jquery.load, поэтому я изменил тип кнопки. –

Ваш order.html тип входного представить должна быть кнопка ввода типа.

источник

2014-08-05 05:45:51 codeGig

Измените test.js на

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

input type="button" И

источник

2014-08-05 05:59:48 Saksham

Заполнение данных из одного файла html другому

ответ

Смежные вопросы