На этот вопрос уже есть ответ:

У меня есть встроенная функция JavaScript, которую я хочу выполнить после нажатия кнопки отправки формы. Это в основном меняет внешний вид страницы полностью. Но мне нужна переменная из окна поиска, чтобы все еще переходить к JavaScript. В данный момент он мигает и сбрасывает то, что было там, потому что перезагружает страницу.

Так что я установил в своей функции возвращаемое значение false, что не позволяет этого делать, но нужная мне переменная не передается через форму. Любые идеи о том, что я должен сделать, чтобы получить это? Это нормально для обновления страницы до тех пор, покаupdateTable()ункция @ работает и не сбрасывается при сбросе страницы.

<form action="" method="get" onsubmit="return updateTable();">
  <input name="search" type="text">
  <input type="submit" value="Search" >
</form>

ЭтоupdateTable функция:

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; // check if number of cells is 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;
}