谢谢大家的帮助和指导。我正在努力完成最终项目并需要指导。我已经为函数编写了所有的javascript。我还有两个html页面，一个用于订单，两个用于交付信息。唯一的例外是我试图使订单的内容看起来像youtube视频链接的分配示例。
https://www.youtube.com/watch?v=3Lq56ilg9U0
在8：14-8：30它演示了如何单击提交按钮然后加载新内容。我是否正确使用iframe来完成此任务或AJAX动态更改页面内容？
这是我的第一个html页面：
<!DOCTYPE html>
<html>
<head>
<title>Pizza Options</title>
<meta charset="utf-8">
<meta name="author" content="Robert Elias">
<link rel="stylesheet" href="css/pizza.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="utils.js" type="text/javascript"></script>
<script src="pizza.js" type="text/javascript"></script>
</head>
<body >
<h1 style="color: gold">Welcome to Robbies Pizza Parlor</h1>
<iframe src="pizza2.html" class="iframe" scrolling="yes" frameborder="0" height="600px" width="600px" >
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>