Tag: 表单

JQuery:无限输入选择

我想知道是否可以使用JQuery创建无限输入选择:换句话说,我想在我的选择中加载x选项并在用户到达底部时加载更多。 谢谢

如何使用JavaScript提交表单并重定向到URL?

如何使用JavaScript提交表单并重定向到URL? name : age: 请看这个链接中的图片: http://sofzh.miximages.com/javascript/zCzQIH.jpg 按下提交按钮后,我想将页面重定向到www.example.com/aaa/robert/21 我怎样才能做到这一点 ?

在JQuery中删除动态生成的文本框

我花了大部分时间来处理PHP / HTML,并且我正在写一个小小的脚本,我的理智(文书工作,太多的文书工作。)迫使我使用JQuery。 我已经在谷歌,搜索等方面进行了搜索,但我没有发现任何与我目前正在使用的代码类似的内容,或者我在语言中迷失了方向。 下面的代码基本上是一个动态表单,可以根据需要添加文本框。 每个新生成的文本框都是表单提交所必需的(HTML5),但是如果我创建了一个不需要的额外文本框,我希望能够将其删除(所以它不会留给我一个字段我不需要,并且不能提交表格,因为它是必需的)。 JFiddle: http : //jsfiddle.net/fmdx/jZU97/ (使用JQuery 1.10.1) HTML Custom Exceptions Needed? Add Another Exception JQuery的 var counter = 1; $(function () { $(‘a#add_field’).click(function () { counter += 1; $(‘#custom’).append( ‘Remove’); }); }); 上面代码的基础我得到了一个教程,其中包括如何获取通过这些动态表单提交的所有信息并将它们放入数据库。 所以,我真的试图专门使用这个代码。 (教程: http : //www.infotuts.com/dynamically-add-input-fields-submit-to-database ) 感谢您提前提供任何帮助或建议!

当我重新加载页面时,在URL中有#register,表单在#login中是不可见的,表单是否正常工作?

我在一个页面中定义了注册表和登录表单,它通过FadeInLeft和FadeInRight工作,默认情况下它显示我的登录页面但是当我点击注册表单并尝试重新加载页面时,表单将变为不可见。 HTML Sign In Email Password Forgot Password? Don’t have an account? Sign Up! Sign up UserName Email Password Already a member? Sign In CSS #toregister:target ~ #wrapper #register, #tologin:target ~ #wrapper #login { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; -ms-animation-delay: .1s; animation-delay: .1s; } […]

具有相同选项的多个选择框 – 需要唯一选择

我有一个带有3个选择框的表单。 每个选择框都有相同的选项。 我想要你必须为每个选择框选择一个不同的选项。 例如,让我们说选项是“猫”,“狗”和“鸟”。 如果有人在第一个选择框中选择“鸟”,我想从其他两个框中禁用或隐藏该选项。 如果他们改变了他们的选择,那么“鸟”将再次启用或取消隐藏。 Cat Dog Bird Cat Dog Bird Cat Dog Bird 我假设我可以使用jquery onchange执行此操作,但我不确定如何在不同的选择框中要求唯一选择。 $(‘select’).on(‘change’, function() { // If option is selected, disable it in all other select boxes. If option is deselected, reenable it in all other select boxes. }) 谢谢你的帮助!

使用Jquery根据选定的下拉选项隐藏表单元素

我的表单有一个下拉菜单,一些文本字段和一个文本区域。 如果选择了下拉菜单中的一个选项,我希望表单隐藏文本区域。 这是我的代码: Become a member Send us your questions / comments Name: Comments/questions: $(document).ready(function () { $(‘#contact select[name=”select-question”]’).change(function () { if ($(‘#contact select[name=”select-question”]’).val() == ‘question’) { $(‘#comments’).show(); } else { $(‘#comments’).hide(); } }); }); 我还发布了JS小提琴: http : //jsfiddle.net/7wzUG/5/ 我是JQuery的新手,我不确定为什么这不起作用。 谢谢你的帮助。

当用户离开(关闭)页面时如何发送AJAX请求?

情况 嗨,我正在制作一个数据库驱动的游戏,其中有一个问题,如果用户找到正确的答案,用户有权更改问题(即写一个新问题)。 但这有一个重要的问题,我认为它被称为竞争条件。 问题是: 用户1找到答案 提示用户1输入新问题 在用户1提交新问题之前,用户2也会找到新答案 现在只有运气,谁在提交新问题。 如果用户2在用户1之后提交问题,则用户2的问题将覆盖用户1的问题。 现在,我通过使用某种信号量,通过保持其timestamp来解决这个问题。 总结一下它的工作原理如下: 用户1找到答案 信号量被保存到数据库中,如[‘user_ip’ = ‘xx’ , ‘time’=’yy’ , ‘locked’=’true’] 信号量在t秒后到期 只有在信号量过期时才会接受新问题。 因此,当提交新问题时,只有在信号量未锁定且当前时间比信号量日期大t (15)秒时,应用程序才接受它。 但这也存在问题,提示用户2 “你找到了答案,但有人在你面前找到了答案。如果他们在15秒内没有提交新问题,你可以改变问题。” 所以新的胜利者必须等待15秒,可能不必要。 因此, 我想做的事 我想用秒表(时间计数器)提示“赢家”表格。 当它达到零时,它会解锁信号量,以便新的获胜者可以提交他们的问题。 但是这个解决方案会遇到这个问题: 如果胜利者在时间计数器达到零之前关闭页面,则AJAX请求将永远不会完成,并且信号量将无限期地锁定。 所以我必须确保我已经调用了userLeave(); 用户关闭页面时的function。 谷歌建议onbeforeunload和onunload但人们也抱怨这些function不起作用。 如果用户(胜利者)离开页面,是否有100%的方式发送此AJAX调用?

提交表单后jQuery页面重定向

我有这样的表格 Buy Now 要保存表单,我使用了jQuery。 所以现在我的代码看起来像这样 jQuery(document).ready(function() { jQuery(‘button’).click(function(){ var Value = jQuery(this).attr(‘data-value’); jQuery(‘[name=”id”]’).val(Value); jQuery(‘#add-to-cart’).submit(); window.location = “http://www.page-2.com”; }); }); 但是在提交之后,表格并没有重定向到另一个页面( http://www.page-2.com )。 那么有人可以告诉我在提交表单后如何重定向表单吗? 更新抱歉,我不能使用ajax。 我想简单地提交表格。

如何序列化存储在变量jQuery中的表单

form = ”+ ”+ ”+ ‘+ ”; var url = ‘Add_Row.php?edit&’,//relative path to PHP processing script input = form.serialize(); 在这里,我试图将一个表单放入一个变量forms,之后我想序列化该表单然后发送它以进行处理。 但是我不断从浏览器中收到此错误: 未捕获的TypeError:form.serialize不是函数 非常感谢您的帮助 祝福STM

无线电取消选择更改bg

这只是我上一个问题的补充。 取消选择单选按钮后,我需要将背景颜色恢复为原始状态。 所以我们提出的解决方案是: $(document).ready(function(){ $(‘input:radio’).change(function(){ $(this).closest(‘div’).toggleClass(‘highlight’); }); }); 现在我需要在取消选择单选按钮时删除突出显示类 – 任何想法?