Javascript 两个选择下拉框,第一个更新第二个没有AJAX

Javascript 两个选择下拉框,第一个更新第二个没有AJAX,javascript,forms,select,drop-down-menu,Javascript,Forms,Select,Drop Down Menu,我需要两个下拉表单框。在第一个文件中选择内容将更新第二个文件 但是,我不想在Javascript中使用AJAX JSON更新,我在网上找到了这些更新,但无法让它们在我的服务器上工作。我更愿意在页面加载时生成一个列表,并从页面上已经加载的列表中提取Javascript。数据来自mySQL数据库,但由于它是在页面上预加载的,所以速度更快 我可以处理从数据库中获取数据,但我需要的是JS,它可以更改第二个下拉框,从变量列表或其他函数获取数据,而不是AJAX JSON更新 如果可以,我将使用jquery,

我需要两个下拉表单框。在第一个文件中选择内容将更新第二个文件

但是,我不想在Javascript中使用AJAX JSON更新,我在网上找到了这些更新,但无法让它们在我的服务器上工作。我更愿意在页面加载时生成一个列表,并从页面上已经加载的列表中提取Javascript。数据来自mySQL数据库,但由于它是在页面上预加载的,所以速度更快

我可以处理从数据库中获取数据,但我需要的是JS,它可以更改第二个下拉框,从变量列表或其他函数获取数据,而不是AJAX JSON更新


如果可以,我将使用jquery,但我在网上找到的只是这个脚本的AJAX版本。

当有人更改第一个列表中的选项时,您如何决定将哪个预加载列表加载到第二个元素中?
<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>