php - 按 ID 更改选定的下拉列表

Question

我看到您可以按值更改选定的下拉项，但我想通过选项 ID 来更改，因为这些值是动态创建的。我正在创建一个带有下拉菜单、问题部分和上一个/下一个按钮的问卷。下拉列表的值是在 php 数组中动态创建的。

我的设置方式与此类似:

<select id="myDropdown">
    <option id="1" value="dynamicallycreated1"></option>
    <option id="2" value="dynamicallycreated2"></option>
    <option id="3" value="dynamicallycreated3"></option>
</select>

select 是通过 php 创建的，数组的索引作为 ID。页面上有上一个/下一个按钮，用于从一个部分向后/向前移动到另一个部分。当用户单击下一个或上一个按钮时，我希望下拉列表更改为适当的项目。我可以通过当前的 javascript 轻松获取索引，那么如何使用此索引作为 ID 更改下拉列表？谢谢!

Answer 1

在 JavaScript 中，只需将 selected 属性设置为 true:

var opt = document.getElementById("1");
opt.selected = true;

经过测试并适用于 Firefox。

对于 jQuery，它将是:

$("#1").prop('selected', true);