Question

每次单击提交按钮时，我都会尝试更改段落中的文本。由于某种原因，它不起作用。我尝试在其他问题中找到答案但不能。为什么这不起作用？ Javascript代码：

var $submit = $('input:submit');
$submit.click(function(){
    var $newText = $('input:text').val();
    var $p = $('#newStatus');
    $p.text($newText);
});

HTML：

<div class = "grid_12">
  <form>
    <input type="text" name="status">
    <input type="submit" name="submit" value = "Post">
  </form>
  <p id = "newStatus"></p>
</div>

谢谢！

Answer 1

那是因为提交了表单，阻止了事件的默认操作：

$submit.click(function(e){
   e.preventDefault();

Answer 2

试试这个：

var $submit = $('input:submit');
$submit.click(function(){
    var $newText = $('input:text').val();
    var $p = $('#newStatus');
    $p.text($newText);
    return false;   // prevent form from being submitted
});

实际上你的表单已经提交了，所以我们需要停止它。

FIDDLE DEMO

使用.val（）向段落添加文本

2 个答案: