Ajax и динамический select — как реализовать?

Question

[Андрей]

! Все реализовано на php + mysql.

Есть select с набором option, значения для которых выгружаются из базы данных.

Пока пользователь просматривает страницу, данные в select могут добавиться. Как, не перезагружая страницу полностью, а просто щелкнув по определенной кнопке, можно обновить данные в select?

Заранее спасибо за оказанную помощь.

Answer 1

[Юнус Газиев]

<select name="my-select">
  <option>...</option>
  <option>...</option>
  <option>...</option>
</select>

// jQuery
var myDynamoSelect = $('select[name="my-select"]');

$.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
    success: function ( data ) {
      // empty() чистим HTML в селект
      // html(data) вставляем в select то что ответил сервер (<option>...</option>)
      // пример ответа: <option>...</option><option>...</option><option>...</option>
      myDynamoSelect.empty().html(data);
    }
 });

поищите инормацию json - php - ajax

Answer 2

[Назар Мокринский]

Получить данные и вставить на страницу.
А с чем собственно у вас проблемы?

Comments

[Андрей]

Данные-то я получить могу, но как их вставить на страницу?

[Назар Мокринский]

@Wertz Почитайте про манипуляции с DOM. Вы бы в google вбили вопрос - уже радовались бы решению.

Answer 3

[Insayt]

Сделайте ajax запрос на сервер, получите новые данные - и вставляйте их в селект.
Например

// Пусть в res хранится ответ от сервера с данными
$('#id вашего селекта').append('<option>'+res+'</option>');