Question

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

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

<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>

以下是美国选择的州下拉列表：

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

以下是选择加拿大的州下拉列表：

<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>

当我在国家/地区下拉列表中正常选择一个选项时，它会工作并更改状态下拉列表中的值，但是当我使用javascript选择国家/地区下拉选项时，它不会更改状态下拉列表中的值。以下是我尝试过的一些代码：

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

和

document.getElementById("order_billing_country").selectedIndex = 1

这些都不会导致状态下拉列表更新。所以我想知道是否有可能像普通人一样点击国家/地区下拉菜单中的选项，或者是否有其他方式可以选择国家/地区下拉列表中可能导致状态更新的选项。

在另一个帖子中，这被标记为Chained Select Boxes (Country, State, City)的副本。我问了一个不同的问题，我不是试图根据国家进行状态下拉列表更改，它已经这样做了（当我选择下拉选项作为人类时）。我试图用javascript选择一个国家/地区下拉选项，并且状态下拉值仍然会更改，就像我选择一个国家/地区一样。

编辑::在页面中找到两个与它有关的脚本：这里是：

<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>

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

点击带有javascript的下拉选项，并将链接下拉框更改为

0 个答案: