在不重新加载页面的情况下清除提交按钮上的文本框

tro*_*y69 0 html javascript jquery

下面是jquery和两个代码行,一个用于文本框,另一个用于提交按钮,但我不能让它们链接.我在这里尝试了几种不同的方法,但是我无法通过提交按钮链接到文本框并清除它.所有帮助非常感谢

$j 被设为 noConflict()

$j('.submit').keypress(function(){
    $j('.comment').val('');
});
Run Code Online (Sandbox Code Playgroud)
<textarea name="name" rows="5" class="fullinput" id="comment"></textarea> 
<input id="submit" type="submit" value="Add to List" class="add" />
Run Code Online (Sandbox Code Playgroud)

更新 - 所以我意识到我使用了错误的选择器,正确的代码应该是.

$j('#submit').click(function(event){
  $j('#comment').val('');
  event.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

这与以下答案一起解决了这个问题.

ADy*_*son 5

这应该工作:

$j('#submit').click(function(event){
    $j('#comment').val('');
    event.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

通过单击"提交"输入,用户正在调用回发.因此,您需要使用内置的javascript事件来防止使用.preventDefault()方法发生回发.

  • 没有课程.你应该尝试`#submit`和`#comment`而不是`.submit`和`.comment`. (2认同)