【问题标题】:how do I use jquery to clear the input in a form?如何使用 jquery 清除表单中的输入?
【发布时间】:2011-04-24 21:46:42
【问题描述】:

这是我的表单的haml:

 34 #new_comment
 35   %strong Add Comment:
 36   - semantic_form_for 'comment', :url => add_comment_url(@review), :remote => true do |f|
 37     
 38     = f.text_area :comment, :label => :comment, :cols => 60,:rows => 5, :input_html => {:rows => 5, :cols => 30}
 39     = f.submit

提交后,我在 .js.erb 文件中有 jquery javascript,但我无法清除它。这就是我所拥有的:

  7 /* Reset the comment form */
  8 $("#comment_comment").reset();

它什么也没做?

【问题讨论】:

  • 为什么不只是 document.getElementById("comment_comment").value = "";或 .innerHTML = "";对于文本区域?
  • 这只是一个建议,如果您不使用 jquery ( bloatware ),这就是您使用普通 javascript 所做的事情。 document.getElementById("comment_comment") 为您提供元素,然后使用 .value 您可以清空表单中的文本字段
  • 既然我已经在使用它了,我该如何用 jquery 做到这一点......
  • $("#comment_comment").val("");但在我看来使用普通的javascript会更好,但这只是我,这就是为什么它只是一个评论^^
  • 关于重置不起作用。重置按钮会将值重置回页面加载时的值。如果表单已提交,则重置只会将其设置回表单加载时的值。例如,如果您重新加载页面并在字段中输入内容,然后单击重置,它将清除为空白。如果您在输入中提交了一个值为“test”的表单,请将其更改为“test2”,然后单击重置它会将其设置回“test”。这是有道理的,因为它只知道加载表单时输入的值。

标签: ruby-on-rails forms formtastic


【解决方案1】:

要重置那个文本区域:

$('#comment_comment').val('');

【讨论】:

  • 什么博客?可能是他们使用的 jQuery 插件?
  • 如果我将 val 设置为“”,我的字段将填充数据库中的值,但它可以设置为“”(空白)。为什么会这样,我该如何解决?
猜你喜欢
  • 2011-12-09
  • 2016-12-23
  • 1970-01-01
  • 1970-01-01
  • 2017-05-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多