javascript - 在 Internet Explorer 中使用 Javascript 选择正确的选项

Question

我的问题是 Internet Explorer 在触发 javascript 事件时无法正确选择选项。

我跟踪谷歌地图上标记的事件。移动标记后，我希望从选择列表中选择正确的国家/地区。

切换国家选择的部分代码:

<script type="text/javascript">
//...
document.getElementById("id_country").value = country;
//...
</script>

它在谷歌浏览器中运行良好。我知道 map 返回的国家名称与选项字段值中的国家名称相匹配。在 Internet Explorer 中，没有任何反应。

<select id="id_country" name="country">
    <option value="Afghanistan">Afghanistan</option>
    <option value="Aland Islands">Aland Islands</option>
    <!--...-->
</select>

如何让 Internet Explorer 选择正确的选项(不使用 jquery)？

Answer 1

selectedIndex属性会起作用，但正如 Afshin 所说，您需要先迭代选项。

var elCountry = document.getElementById("id_country");
var options = elCountry.options;
for (var i = 0; i < options.length; i++) {
    if (options[i].value == country) {
        elCountry.selectedIndex = i;
    }
}