提交按鈕僅作為錨點鏈接

Question

我有以下代碼：

<form enctype="multipart/form-data" id="search_form" name="search_form" action="thisfile.php#anchorname" method="get">

<!-- Lots of search fields here -->

<input name="search" type="submit" value="Search" />
</form>

<?php if (isset($_GET['search'])) {
// Search in database
?>
<div id="anchorname">
<!-- Table with results here -->
</div>
<?php
}

這在IE中非常有效（我知道這很瘋狂），但是在Chrome和Firefox中，提交表單並顯示結果表后，該按鈕不會重新提交表單，而只會使頁面向下滾動到anchorname。 在Chrome瀏覽器中，我可以通過單擊地址欄並按Enter來重新加載頁面，但是當我在Firefox中這樣做時，什么也沒有發生。 我究竟做錯了什么？

Answer 1

如果這對任何人都有用，這就是我使用JQuery所做的事情：

$(function() {
    // ...
    <?php if (isset($_GET['search'])) { ?>
        var target = $("#anchorname");
        $('html,body').animate({
            scrollTop: target.offset().top
        }, 500);
    <?php } ?>
});