在使用jQuery发布之前通过链接单击填充表单

时间:2010-08-08 11:14:02

标签: javascript jquery html forms jqtouch

我正在使用JQTouch构建一个小型网站,我遇到的第一个问题是表单。

我有一张表格

<form action='action.php' class='jqt' id='ajax_post' method='post' name='pform'>

(当我尝试使用name访问它时document.pform属性就在那里),其中包含a元素的ul列表,如下所示:

<a class="submit" href="#"  value="somevalue">Text displayed</a>

在表单内部,我放置了一个隐藏的输入字段(因为我只想POST一个值),我的目标是通过单击其中一个链接填充它然后提交:

<input name='somename' type='hidden' />

提交时,网络服务器报告已执行POST,并且在页面返回原始表单之前有一个简短的幻灯片动画。试图破解我的方式进入jqtouch.js以填充输入字段不起作用(我正在尝试$form.somename.value = $(this).attr('value');内的submitParentForm()}

CSS捕获得很好,列表显示得很好。实际上,如果我删除submit类并在其中的document.somename.value = %(this).attr('value'); document.pform.submit();中插入我自己的表单提交覆盖,例如,在其中一个链接中插入hrefonClick,则POST执行并显示下一页,虽然是重新加载而不是jQTouch动画,这是我的目标。

我的问题:当我发布一个表单时,我想如何使用jQTouch显示幻灯片动画,当用户点击它时,我希望用value a元素填充它?

提前致谢。

1 个答案:

答案 0 :(得分:1)

我不会提交表单(如果我想使用提交按钮,我会使用preventDefault)。我只是使用$ .post()发布数据,然后使用jQT.goTo转到带有幻灯片动画的新页面。新页面位于jqTouch中,当然,只有同一文档中的另一个div,可以使用$ .post()回调中的响应轻松设置您在该页面上的任何信息。

但这可能不是你要做的事情的可行解决方案,我不太了解这个问题。