Question

ユーザーを編集するためのボタンを含む複数の送信ボタンがあるフォームがあります。 これをクリックすると、PHPを使って "edit div"と表示されます。

私が望むのは、サイトがdivにスクロールすることです。

echo" 
<form action='' method='POST'> 
<button type='submit' class='btn btn-warning btn-circle' title='Editer' name='edit' value='$row[id]' onclick='jump(\'test\')'><i class='fa fa-pencil'></i> 
</button> 
</form> 
"; 

最初に私が試した：私はこの機能JS Fiddle Jumpを使用しています は、実際にここで

は私のボタンです...私は私の送信ボタンとそれを使用していない限り、大きな作業していますジャンプ（）関数をトリガするためにonclickアクションを行いますが、決して働かなかった、私はそれが私のインデントのためだと信じています。

また、divを表示しているPHPコードでjump（）関数をトリガーしようとしました。

if (isset($_POST['edit'])) { 
    echo '<script type="text/javascript">', 
    'jump("test");', 
    '</script>' 
    ; 

明らかに、試しにページの下部に<div id="test"></div>があります。

この送信ボタンではまだ何も機能していません。何がこの問題を引き起こしているのか分かっているなら、私に打ちなさい。おかげさまで

Answer 1

ボタンタイプsubmitは、method属性とURLとしてaction属性をHTTPメソッドを使用してすぐに送信します。それを防ぐには、あなたの質問から、イベントや方法

e.preventDefault() 

Answer 2

を表すあなたの関数のパラメータeに追加するには、別のセクションのすべてのHTMLが既に存在しているようだと、あなたがボタンをクリックしたときのセクションにジャンプします。

この場合、サーバーにフォームを送信する必要はなく、ページの正しいセクションに移動するだけです。

は、だから、ボタンのフォームを必要としない、それはsubmitすべきではないタイプですが、ちょうどbutton：

<button type='button' class='btn btn-warning btn-circle' title='Editer' name='edit' value='$row[id]' onclick='jump(\'test\')'><i class='fa fa-pencil'></i> 

代替があなたのonclickハンドラからfalseを返すことであろうが、それはいないようですここに必要です。