未使用 JavaScript 填充的列表

Question

我有一些 HTML 和 JavaScript，我试图根据从另一个下拉列表中的选择来填充下拉列表。

当表单加载时，这两个列表都没有填充值，我不知道为什么。

预期结果：状态列表应该在页面加载时加载两个状态 MN 和 WI。然后应该根据州列表的选择生成县列表。

下面是完整的代码，但如果我需要缩短它，请告诉我。

* {

  box-sizing: border-box;

}

.row {

  display: flex;

}

.column_left {

  flex: 10%;

  padding: 10px;

  height: 800px;

  border-right-style: solid;

  border-right-width: 2px;

}

.column_right {

  flex: 90%;

  padding: 10px;

  height: 300px;

}

.sticky {

  position: fixed;

  top: 0;

  width: 100%;

}

table {

  border-collapse: collapse;

}

table,

th,

tr,

td {

  border: 1px solid black;

}