Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 想要我的表格';s单击“提交”后要在另一个div中显示的值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 想要我的表格';s单击“提交”后要在另一个div中显示的值

Javascript 想要我的表格';s单击“提交”后要在另一个div中显示的值,javascript,jquery,html,Javascript,Jquery,Html,我有一个票证表单,当他们点击购买时,我希望它被保存并显示在另一个div中,作为“用户的票证信息”,此外,他们还可以购买一张新票证,然后添加到旧的票证中。它不必保存在数据库或任何东西中,例如,当您单击“刷新所有信息”时,所有信息都将消失,您可以从“刷新”开始。另一个例子是,当我注册时,用户信息将进入我的内存类。任何javascript/jquery/html都会有所帮助。贝娄是我工作的开始。谢谢^^ 在这里买票 人数: 航班目的地: 部门: 返回: 买票 单击按钮后,可以使用val()函数从表

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


在这里买票

人数: 航班目的地: 部门: 返回: 买票
单击按钮后,可以使用val()函数从表单中获取值。此处提供的Api文档:。也许有点像这样:

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

如本所说,使用
.val()
获取值。下面是一个工作示例

您将看到div,它显示右侧浮动的选定值

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

提交时,您希望添加输入的值\或有一个占位符,您可以设置其值,然后使其可见

$('#buyTicket').submit(function() {
  $('#result').append('<div>Number of persons :'+$('#numberOP').val()+'</div>');
  //.....
  //return false;
});​
$('buyTicket')。提交(函数(){
$('#result').append('人数:'+$('#numberrop').val()+'';
//.....
//返回false;
});​

div是否在同一页上?我在你的代码中看不到票证信息DIV是的,它就在旁边(你可以从示例图像中看到):)我没有把它放进去,因为它只是一个空div。下面是代码:票证信息:点击提交不会改变位置吗,或者你打算使用AJAX将票证信息发送到服务器吗?这是一个小项目,所以只有javascript/jquery/html:)它不需要一直在那里,但它应该保存,直到我点击刷新,并能够添加门票。它显示了30毫秒LOL的信息。我有点希望它比这更长。有什么想法吗?我怀疑是因为表格正在提交。看看D3mon的答案。通过返回false,他阻止了提交操作的完成。请阅读以下内容:。
$('#buyTicket').submit(function() {
  $('#result').append('<div>Number of persons :'+$('#numberOP').val()+'</div>');
  //.....
  //return false;
});​