jqueryのフォーム値を変更した後にトリガーフォームを送信

Question

[次のページ]ボタン（フォームに>>とマークされています）をクリックすると、jqueryのフォーム入力の値を変更できます。しかし、それ以降にForm Submitを呼び出すことができません。

Iは、以下の4つの方法を試してみました：

1. $("form#submit").submit(); 
2. $("submit").submit(); 
3. $("#submit").submit(); 
4. $("form:first").submit(); 

jQueryとHTMLフォームのコードを以下に示します。あなたは私が何を間違えたかを見て指摘できますか？どうもありがとう。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$.urlParam = function(name){ 
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); 
if (results==null){ 
    return null; 
} 
else{ 
    return decodeURI(results[1]) || 0; 
} 
} 


$("#reset").click(function(){ 
$("#semail").val(""); 
$x = $.urlParam('id'); 
$("#all").load("contactlist.php?id=" + $.urlParam('id')); 
    //$("#all").load('contactlist.php?id=1'); 
    event.preventDefault(); 
    location.reload(true); 
}); 

$("#nextpage").click(function(){ 
$page = $("#spage").val(); 
var newValue = parseInt(parseFloat($page)) + 1; 
$("#spage").val(newValue); 
$("form#submit").submit(); 

}); 
}); 
</script> 

フォームHTMLは

<form name="search" id="search" action="/projects/mauto/contactlist.php" method="GET"> 
Email: <input type='text' id='semail' name='semail' size="50" value=''> 
Page: <input type='text' id='spage' name='spage' size="3" value='1'> 
<input type='hidden' name='id' value='1'> 
<input id="submit" name="submit" type="button" value="Search Enquiry">    
<input type="button" id="reset" name="reset" value="Clear"> 
<input id="nextpage" type="button" value=">>"> 
</form> 

Answer 1

ある

$("form#search")[0].submit();の代わりに、$("form#search").submit();と、その前にイベントでev.preventDefault()を呼び出してみてくださいしてみてください。