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