两个选择下拉框，第一个更新第二个无AJAX

Question

我需要两个下拉表单框。选择第一个内容会更新第二个内容。

然而，我不想在Javascript中使用AJAX JSON更新（我在网上找到了这些，但无法在我的服务器上运行）。我更愿意做的是在页面加载时生成一个列表，并从页面上已经加载的列表中提取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>