还有另一种可能的实现：

在 HTML 中添加INPUT和 SELECT 元素。

如果您已经定义了 STATES，您可以进行 INPUTdisplay: none;并添加变体以选择到您的 SELECT 中；否则，您制作 SELECT display: none;，以便用户看到输入。

它易于实施和使用，并且对用户来说很清楚。

将文本输入放在 HTML 中。如果选择了具有州的国家/地区，请将输入替换为具有州（或地区或省或其他）的选择元素。如果 JavaScript 未启用或不可用，则用户手动进入状态。

就像是：

<select name="country" onchange="updateState(this);">
  <option value="country0">country0
  <option vlaue="country1">country1
  <option>country...
</select>
...
<input type="text" name="state">


<script>
  function updateState(element) {
    if ( /* element.value has states */) {
      // replace ths.form.state with a select
      // of appropriate states
    } else {
      // replace this.form.state with a text input
    }
  }
</script>

else块是必需的，因为用户可以选择一个有州的国家，然后选择一个没有州的国家。上面有一些变化（例如切换显示而不是替换），选择任何适合的。