javascript - 使用 javaScript 设置 HTML 属性值

Question

我有 html 下拉列表，其中有国家/地区列表。现在我想将当前国家/地区设置为列表的默认值。我找到了使用地理定位获取国家/地区的 JavaScript 代码。

我的代码:

function getCountry(var name) {
    if(name==geoip_country_name()) {
        return "selected";
    }
}

然后我需要设置选项列表的selected属性。

我尝试过这个:

<option value="Sri Lanka" selected="getCountry('sri Lanka')">Sri Lanka</option>

但这并不正确。
基本上我想使用 JavaScript 函数设置选定的属性值

我该怎么做？

Answer 1

使用window.onload事件，然后设置下拉列表的值。请记住，您的硬编码国家/地区名称可能与地理服务不同。

<script>
    window.onload = function(){
        document.getElementById("country").value = geoip_country_name();
    }
</script>

<select id="country" name="country">
<option value="Sri Lanka">Sri Lanka</option>
<option value="UK">UK</option>
<option value="USA">USA</option>
<select>