HTML定义哪个选择选项处于活动状态

Question

我有一个选择框,其中包含以下内容(已缩短):

<select id="viewSelector" name="when" style="width:92%;">
    <option value="USA">USA</option>
    <option value="Australia">Australia</option>
    <option value="Germany">Germany</option>
</select>

如果用户登录控制面板并想要更改他的国家/地区,他将收到此表单.我的问题是,每次美国都是默认设置,我无法根据用户所在国家/地区进行更改.例如,该用户居住在澳大利亚.他想将自己的国家改为美国并转到此页面.我希望展示的国家是澳大利亚.如果这是有道理的,请告诉我.

Answer 1

要预先选择一个值,只需将所选属性添加到所需选项即可.

<select id="viewSelector" name="when" style="width:92%;">
    <option value="USA">USA</option>
    <option value="Australia" selected="selected">Australia</option>
    <option value="Germany">Germany</option>
</select>

例如,这将预选澳大利亚.

Answer 2

在命名用户当前国家/地区的标签selected上使用：<option>

<option value="Australia" selected="selected">Australia</option>

所以在 PHP 中：

<select>
<?php
$countries = array('USA', 'Australia', 'Germany');
$current_country = 'Australia';

foreach($countries as $country) {
    if($country == $current_country) {
        echo '<option selected="selected">'.$country.'</option>';
    } else {
        echo '<option>'.$country.'</option>';
    }
}
?>
</select>