0

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

<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>
4

2 回答 2

0

就像本说使用.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;
});​
于 2012-05-29T16:34:10.513 回答
0

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

$('#buttonTicket').click(function() {
    $('#ticketinfoheader').text($('#numberOfPersons').val());
});
于 2012-05-29T16:31:57.577 回答