Два выпадающих списка Select, первый обновляет второй NO AJAX

Question

Мне нужны две выпадающие формы.Выбор контента в первом обновляет второй.

Однако я не хочу использовать обновление JSON AJAX в Javascript (я нашел их в Интернете, но не могу заставить их работать на моем сервере).Я предпочел бы создать список, когда страница загружается и Javascript извлекается из списка, уже загруженного на страницу.Данные поступают из базы данных MySQL, но, поскольку они предварительно загружены на страницу, это происходит быстрее.

Я могу справиться с получением данных из базы данных, но мне нужен JS, который изменяет для второго выпадающего списка получение данных из списка переменных или какой-либо другой функции, а не обновления AJAX JSON.

Я буду использовать jquery, если смогу, но все, что я найду в Интернете, - это AJAX-версии этого скрипта.

Answer 1

<select id="firstselect" onchange="changeMe(id)" />

<script>
function changeMe(id) {
  var options1=[1,2,3,4];
  var options2=[2,3,4,5];

  var options = null;
  if (id = 1) {
    var options = options1;
  } else {
    var options = options2;
  }

  for (var i = 0; i < options.length; i++) {
    var optn = document.createElement("OPTION");
    optn.text = options[i];
    optn.value = options[i];
    $('secondSelect').add(option, i);
  }
}
</script>