Question

我有一张票表单，当他们点击购买时，我希望它被保存并在另一个div中显示为“用户的票证信息”加上他们也可以购买新票并在之后添加到旧票。它不必保存在数据库或任何东西中，例如，当您单击刷新时，所有信息都将消失，您可以从新的开始。我如何做的另一个例子是当我注册时，用户信息将转到我的记忆类。任何javascript / jquery / html都会有所帮助。贝娄是我工作的开始。谢谢^^ ticket example

<html>
<body>
<form id="buyTicket" action="" method="POST">
                   <div id="ticketHeader">Buy Your ticket here</div><br></br>
                   <div>Number of persons :<input type="number" required id="numberOP" value="" placeholder="number of persons"/></div>
                   <div>Flight Destination:<input type="text" required id="destination" value="" placeholder="hawaii/thailand/spain"/></div>
                   <div>Depature          :<input type="text" required id="depature" class="datepicker" value="" placeholder="enter depature date"/></div>
                   <div>Return            :<input type="text" required id="return" class="datepicker" value="" placeholder="enter return date"/></div>
                   <div><button type="submit" class="button" id="buttonTicket">Buy Ticket</button></div>
             </form> 
</body>
</html>

Answer 1

单击按钮后，您可以使用val（）函数从表单中获取值。此处提供Api文档：http://api.jquery.com/val/。也许有点像这样：

$('#buttonTicket').click(function() {
    $('#ticketinfoheader').text($('#numberOfPersons').val());
});

Answer 2

Ben说使用.val() http://api.jquery.com/val/来获取值。这是一个工作示例http://jsfiddle.net/YNez9/

你将拥有div，它显示向右浮动的选定值

<div id="result" style="float:right;">
</div>

并在提交时，您要添加输入的值\或者有一个占位符，您可以设置其值，然后使其可见

$('#buyTicket').submit(function() {
  $('#result').append('<div>Number of persons :'+$('#numberOP').val()+'</div>');
  //.....
  //return false;
});

希望我的表单的值在单击提交后显示在另一个div中

2 个答案: