javascript - HTML SELECT - 使用 JavaScript 按 VALUE 更改所选选项

Question

SELECT 下拉列表中可以有很多选项。

<select id="sel">
    <option value="car">1</option>
    <option value="bike">2</option>
    <option value="cycle">3</option>
    ...
</select>

我正在创建一个更新个人资料 页面，其中从数据库中检索用户的个人资料，并显示包含这些值的表单。当谈到 SELECT 下拉菜单时，有很多选项。因此，它繁琐地测试所有值

if (value == '1')
    echo "<option selected value='car'>1</option>";`

所以，我想从它的值中选择相应的选项。就像当我使用 JavaScript 执行类似 sel.value = 'bike' 的操作时，应该选择选项 2。

Answer 1

您可以使用 javascript 选择值:

document.getElementById('sel').value = 'bike';

DEMO