2

送信ボタンがクリックされるたびに、段落内のテキストを変更しようとしています。何らかの理由で機能しません。他の質問で答えを見つけようとしましたが、できませんでした。なぜこれが機能しないのですか?? 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>

ありがとう！

4

2 に答える 2

5

これは、フォームが送信されるためです。イベントのデフォルト アクションを防止します。

$submit.click(function(e){
   e.preventDefault();
于 2013-06-03T09:12:57.257 に答える
4

これを試して：

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
});

実際にはフォームが送信されるため、それを停止する必要があります。

フィドルのデモ

于 2013-06-03T09:12:09.117 に答える