我如何使用 JQuery 重置此表单的值?
我想重置此表单的值,该表单向服务器发送 AJAX 请求:
<form accept-charset="UTF-8" action="/showable_videos" class="new_showable_video" id="new_showable_video" method="post"><div style="margin:0;padding:0;display:inline">
<input name="utf8" type="hidden" value="✓">
<input name="authenticity_token" type="hidden" value="+hPWXwRBfAfz5lCKJRM3QouBzsYuje+wgGKb2OAH7Z4="></div>
<input id="video_id_field" name="showable_video[video_id]" type="hidden" value="506">
<input class="showable_field ui-autocomplete-input" id="showable_video_profile" name="showable_video[profile]" size="30" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
</form>
我尝试了 $('form#new_showable_video')[0].reset();
但似乎没有工作,可能是因为用户从自动完成列表中选择一个元素,并且在选择后发送 AJAX 请求。
I want to reset the value of this form which sends an AJAX request to the server:
<form accept-charset="UTF-8" action="/showable_videos" class="new_showable_video" id="new_showable_video" method="post"><div style="margin:0;padding:0;display:inline">
<input name="utf8" type="hidden" value="✓">
<input name="authenticity_token" type="hidden" value="+hPWXwRBfAfz5lCKJRM3QouBzsYuje+wgGKb2OAH7Z4="></div>
<input id="video_id_field" name="showable_video[video_id]" type="hidden" value="506">
<input class="showable_field ui-autocomplete-input" id="showable_video_profile" name="showable_video[profile]" size="30" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
</form>
I tried $('form#new_showable_video')[0].reset();
but it doesn't seem to work, possibly because a user selects an element from an autocomplete list, and upon selection the AJAX request is sent.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在这里回答:使用 jQuery 重置多阶段表单
Answer here : Resetting a multi-stage form with jQuery