Ich habe eine Funktion in Javascript, die ich ausgeführt werden soll, nachdem submit getroffen wird. Es ändert grundsätzlich das Aussehen der Seite vollständig. Aber ich brauche eine Variable aus dem Suchfeld, um immer noch durch das Javascript zu gehen. Im Moment blinkt es und setzt das zurück, was da war, weil es die Seite neu lädt.Formular ohne Neuladen der Seite senden
Also habe ich eine Rückgabe false in meiner Funktion eingerichtet, die es davon abhält, aber die Variable, die ich will, wird nicht über das Formular gesendet. Irgendwelche Ideen, was ich tun sollte, um es zu bekommen? (Es ist in Ordnung, wenn die Seite, solange die updateTable zu aktualisieren() Funktion funktioniert und wird nicht zurückgesetzt von der Seite Reset)
<form action="" method="get" onsubmit="return updateTable();">
<input name="search" type="text">
<input type="submit" value="Search" >
</form>
Dies ist die updateTable Funktion
function updateTable()
{
var photoViewer = document.getElementById('photoViewer');
var photo = document.getElementById('photo1').href;
var numOfPics = 5;
var columns = 3;
var rows = Math.ceil(numOfPics/columns);
var content="";
var count=0;
content = "<table class='photoViewer' id='photoViewer'>";
for (r = 0; r < rows; r++) {
content +="<tr>";
for (c = 0; c < columns; c++) {
count++;
if(count == numOfPics)break; // here is check if number of cells equal Number of Pictures to stop
content +="<td><a href='"+photo+"' id='photo1'><img class='photo' src='"+photo+"' alt='Photo'></a><p>City View</p></td>";
}
content +="</tr>";
}
content += "</table>";
photoViewer.innerHTML = content;
können Sie die folgende jQuery-Plugin verwenden: https://github.com/jinujd/jQuery-Async-Form –