Javascript 提交表单后,如何阻止页面跳转到顶部?

Javascript 提交表单后,如何阻止页面跳转到顶部?,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,我有一个可以让人们输入值的方法。根据要更改的值,在更改或输入时提交表单。提交的值以相同的形式用于计算。 问题是: 提交值后,页面将跳回顶部。有没有办法阻止这种事情发生。我想在表单上方的div标签上停止页面 表单看起来像这样 <div id ="a"></div> <div id ="b"></div> <div id ="c"></div> </form action="mypage.php#selfsubmit "

我有一个可以让人们输入值的方法。根据要更改的值,在更改或输入时提交表单。提交的值以相同的形式用于计算。 问题是: 提交值后,页面将跳回顶部。有没有办法阻止这种事情发生。我想在表单上方的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>

中间的一些计算

您的表单ID中有一个空格,但哈希没有。这就解释了为什么它没有跳转到您的表单上。

在这里,尝试一下:

注意:多个

仅用于测试目的

提交后,您可以将锚定标记
放置在您想要的任何位置

代码

<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>

























中间的一些计算
通过ajax提交,页面将不会刷新将目标更改到您希望的位置be@charlietflAJAX并不是每个问题的答案。此
id=“self submit”
无效
id
不能包含空格,请在您的案例中使用下划线或删除空格
action=“mypage.php#selfsubmit”
,结尾的空格也可能会给您带来问题。*第4行编辑:
  </form action="mypage.php#selfsubmit " method="post" id="self submit">
---^
<form action=