提交表單后，如何阻止頁面跳至頂部？

Question

我從那里可以輸入值。 表單是在更改或輸入時提交的，具體取決於他們要更改的值。 提交的值以相同的形式用於計算。 問題是：一旦提交了值，頁面就會跳回到頂部。 有沒有辦法阻止這種情況的發生。 我想將頁面停在表格上方的div標簽上。

表單看起來像這樣

<div id ="a"></div>
<div id ="b"></div>
<div id ="c"></div>
</form action="mypage.php#selfsubmit " method="post" id="self submit">
some calculations in between
<input name="field1" type="text" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }" size="10" value= "">
<select name="field2" onchange="this.form.submit()" >
       <option value="w >w</option>
    <option value="x"<?php if ($_POST['field2']==x) {echo "selected='selected'"; } ?>>x</option>
    <option value="y"<?php if ($_POST['field2']==y) {echo "selected='selected'"; } ?>>y</option>
    <option value="z"<?php if ($_POST['field']==z) {echo "selected='selected'"; } ?>>z</option>
  </select>
some more calculations
</form>

我希望它提交表單，但是一旦提交就不要跳到頁面頂部。 由於#selfsubmit，此刻它在窗體開始處停止。 我希望它停止在例如div b上。 有沒有辦法做到這一點？ 任何幫助歡迎

Answer 1

在這里，嘗試一下：

注意：多個<br>僅用於測試目的。

提交后，您可以將錨標記<a name="selfsubmit"></a>放置在<a name="selfsubmit"></a>任何位置。

代碼 ：

<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>

<div id ="a"></div>
<a name="selfsubmit"></a>
<div id ="b"></div>
<div id ="c"></div>
<form action="mypage.php#selfsubmit" method="post">
some calculations in between
<input name="field1" type="text" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }" size="10" value= "">
<select name="field2" onchange="this.form.submit()" >
    <option value="w >w</option>
    <option value="x"<?php if ($_POST['field2']==x) {echo "selected='selected'"; } ?>>x</option>
    <option value="y"<?php if ($_POST['field2']==y) {echo "selected='selected'"; } ?>>y</option>
    <option value="z"<?php if ($_POST['field']==z) {echo "selected='selected'"; } ?>>z</option>
  </select>
some more calculations
<input type="submit" name="submit" value="Submit">

</form>

<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>

另外，您的表格中存在語法錯誤：

  </form action="mypage.php#selfsubmit " method="post" id="self submit">
---^

內容應為：

<form action=

</form前面有一個/ ，肯定會引起您的頭痛。

Answer 2

您的表單ID中有一個空格，但您的哈希沒有。 那可以解釋為什么它沒有跳到你的形式。