интерфейс с пользовательским вводом в качестве триггера для php на стороне сервера и обновления на стороне клиента

Question

Мне было трудно сформулировать название моего вопроса.В основном вот проблема:

У меня есть этот интерфейс, состоящий из 5 визуальных строк, которые различаются только по входу и по имени.

В каждой строке 2 поля выбора / списка, я хочу, чтобы второй список выбора был заполнен одним из 7 различных массивов (которые создаются путем запроса базы данных) в зависимости от выбора, который пользователь сделал впервое поле выбора (первое поле влияет только на часть запроса ORDER BY).

Как мне сделать это сразу после того, как пользователь делает выбор в окне выбора?То есть без нажатия пользователем любой другой кнопки отправки.Я хочу, чтобы большая часть обработки кода выполнялась на стороне сервера, но вывод был виден на стороне клиента немедленно.И было бы некрасиво, если вся страница обновляется каждый раз, когда пользователь меняет окно выбора, поскольку ему нужно выбрать что-то во всех 5.

Нужно ли мне комбинировать свой php с некоторым javascript для достижения этого?И если да, то какой код я ищу?

Answer 1

Если вы используете jquery, это может быть довольно просто ...

/* pick up the first select box changing */
$(".select_box_class").change(function() {

  /* show some loading indicator */
  show_loading_indicator();

  /* fire off a ajax call to the server which could return the html for the next select box or the data to build up the html in the client */
  $.post('/path/to/server.php',{selection:$(this).val()}, function(newSelect) {
      /* here you can update/create you next select box */
      $("#select_box2_placeholder").html(newSelect);

      turn_off_loading();
  });

});