Submit bei change() funktioniert nicht

Question

Ich habe ein Formular mit einem Feld, mit dem der Benutzer die Anzahl der Ergebnisse auf der Seite ändern kann, ist der Plan, dass das Formular zur Aktualisierung der Ergebnisse eingereicht wird, wenn sie die Seitengröße ändern.

<form id="js-selectionForm" class="simple_form" method="get" action="/knowledge/contaminants.php"> 
<div class="pad-5"> 
... 
</div> 

<div class="pad-5"> 
... 
</div> 

<div class="pad-5"> 
... 
</div> 

<div class="pad-5"> 
... 
</div> 

<div class="pad-5"> 
    <input class="button pad-2" id="submit" type="submit" name="submit" value="Search"/> 
    <h3 class="text-purple inline-block margin-10-left"> 
     Please select search criteria above     </h3> 
    <label class="right">Page size: 
     <input class="refreshPage" type="number" name="pageSize" min="1" max="100" 
       title="The number of results per page - 1 to 100" 
       value="25"/> 
    </label> 
</div> 

Meine jQuery enthält die folgenden;

Ich weiß, diese Auswahl funktioniert, weil ich in console.log Aussagen zu überprüfen, aber das Formular wurde nie gesendet. Ich habe vorher ähnlichen Code benutzt und es hat immer funktioniert, also muss ich hier etwas falsch machen, kann mir jemand helfen, meinen Fehler zu erkennen?

Answer 1

Sie müssen nicht unbedingt .submit(); siehe:

$('.refreshPage').change(function() { $("#submit").click(); });

PS - Sie sind ein <form /> am Ende fehlt. Dies könnte sein, warum es nicht funktioniert. Ihr Code scheint mir korrekt zu sein.

Answer 2

Wie pro @ Ivar Vorschlag, name und id der Eingabe einreichen ändern

$('.refreshPage').change(function() { 
 
    $("#js-selectionForm").submit(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form id="js-selectionForm" class="simple_form" method="get" action="/knowledge/contaminants.php"> 
 

 
<div class="pad-5"> 
 
    <input class="button pad-2" id="submitMe" type="submit" name="submitMe" value="Search" /> 
 
    <h3 class="text-purple inline-block margin-10-left"> 
 
     Please select search criteria above     </h3> 
 
    <label class="right">Page size: 
 
     <input class="refreshPage" type="number" name="pageSize" min="1" max="100" 
 
       title="The number of results per page - 1 to 100" 
 
       value="25" /> 
 
    </label> 
 
</div> 
 
</form>