我有一个带有标准复位按钮的表格,因此编码:
<input type="reset" class="button standard" value="Clear" />
麻烦的是,表示表单属于多阶段排序,因此如果用户填写一个阶段然后稍后返回,则单击"清除"按钮时,不会重置各个字段的"记住"值.
我认为附加一个jQuery函数来遍历所有字段并"手动"清除它们就可以了.我已经在表单中使用了jQuery,但我只是起步速度,所以我不知道如何解决这个问题,除了通过ID单独引用每个字段,这看起来效率不高.
TIA提供任何帮助.
我有一个JQuery Mobile(1.0rc1)应用程序,它有一个带有搜索过滤器的列表视图.它与此示例类似.
在某些情况下,我通过ajax调用动态地将其他项加载到列表中.当发生这种情况时,我想清除在搜索过滤器中输入的任何内容,否则我最终会得到一个部分过滤的列表.
我试过像这样触发清除按钮:
$('.ui-button-clear', $.mobile.activePage).click();
并清除这样的表格:
$("form > input", $.mobile.activePage).val('');
但都没有奏效.有人可以通过正确的方式来启发我吗？
我想"在点击"后退"按钮时"阻止浏览器预填表格输入".实际上,我希望填充初始值(通过jsp添加),而不是浏览器的(缓存)值.
解决方案1:我发现可以通过禁用当前页面的浏览器缓存来完成此操作.考虑到我"只"想要为"表单"禁用此预填充功能(因此仅禁用表单的缓存,而不是整个页面),这似乎是一个相当极端的解决方案.
解决方案2:然后,明显的下一个解决方案是使用javascript:即,将初始值存储在data-*属性中,然后,在页面加载时,如果它们不同,则将输入值替换为初始值.
这两种解决方案看起来都不完美(这些都是相当有效的)我转向你们希望听到一个更好的解决方案.
资源:
我在我的网页中使用下面的表单重置方法
$("#form")[0].reset();
但是当我像下面这样使用它时
$("#form").reset();
它给了我错误.
为什么第一种方法有效,后者则不然？
我的页面工作得很好.但我想了解其背后的原因.解决方案无处不在.但他们都没有描述其背后的原因.
我想重置具有id的表单user_post.此表单还包含隐藏字段.我使用此代码重置输入表单字段
$('#user_post').each(function(){
this.reset();
});
我的表格如下
<form enctype="multipart/form-data" id="user_post" action="/****/index.php/site/username" method="post">
<div class="tab-content">
<div id="tab-1" >
<textarea rows="3" placeholder="Share what have been up to...." name="Userpost[usertxtpost]" id="Userpost_usertxtpost"></textarea>
</div>
<div id="tab-2" >
<textarea rows="1" placeholder="Title...." name="Userpost[title]" id="Userpost_title"></textarea>
<input id="Userpost_image" type="hidden" value="" name="Userpost[image]" />
<input tabindex="21" name="Userpost[image]" id="Userpost_image" type="file" />
<input name="Userpost[imagename]" id="Userpost_imagename" type="hidden" />
<textarea rows="3" placeholder="about this image...." name="Userpost[coment]" id="Userpost_coment"></textarea>
</div>
<div id="tab-3" class="tab-pane row-fluid fade">
<input name="Userpost[video_title]" id="Userpost_video_title" type="hidden" />
<textarea rows="1" placeholder="Copy and paste video url...." name="Userpost[video]" id="Userpost_video"></textarea> …