使用javascript单击下拉选项并更改链接下拉框

因此，页面、国家和州/省中有两个下拉框。当在国家/地区下拉框中选择某个选项时，它会更改状态下拉框中的值

以下是国家/地区下拉列表：

<select class="select optional" name="order[billing_country]" id="order_billing_country" aria-invalid="false">
    <option selected="selected" value="USA">USA</option>
    <option value="CANADA">CANADA</option>
</select>

及

document.getElementById（“订单\账单\国家”）。选择的索引=1

这两种情况都不会导致状态下拉列表更新。 所以我想知道是否有可能像普通人一样点击国家下拉列表中的一个选项，或者是否有另一种方法可以在国家下拉列表中选择一个选项，从而导致国家更新

这被标记为在另一个线程中复制到。不过我问的是另一个问题，我并没有试图根据国家改变州下拉列表，它已经这样做了（当我作为人选择下拉选项时）。我试图用javascript选择一个国家下拉选项，但状态下拉值仍然会改变，就像我选择一个国家作为人类一样

编辑：：在页面中找到两个与之相关的脚本：它们是：

<script id="states-USA" type="text/x-tmpl">
<option value=""></option>
<option value="IL">IL</option>
<option value="NY">NY</option>
</script>

白细胞介素
纽约

及

SK
YT

---

如果我更改这些脚本中的值，它会在选择国家后更改状态下拉列表中显示的内容。我在页面中找不到任何调用这些脚本的内容。可以从chrome扩展名或类似的地方调用这些脚本吗？..

您需要找出是什么触发了状态的更改

，然后在您使用JS选择国家后调用它。@CertainPerformance我在页面中找到了两个与此相关的脚本，但我不知道它们是如何被使用或命名的。。。我正在编辑中添加脚本

<select class="select optional" name="order[billing_state]" id="order_billing_state">
    <option value=""></option>
    <option value="SK">SK</option>
    <option value="YT">YT</option>
</select>

document.getElementById('order_billing_country').value = "CANADA"

<script id="states-USA" type="text/x-tmpl">
<option value=""></option>
<option value="IL">IL</option>
<option value="NY">NY</option>
</script>

<script id="states-CANADA" type="text/x-tmpl">
<option value=""></option>
<option value="SK">SK</option>
<option value="YT">YT</option>
</script>