按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);

Answer 2

我同意Lee Taylor的意見，你不應該使用1,2,3作為Id字段。 您可以改為在下拉列表的value屬性中使用這些值

並使用jquery選擇值為1的元素

$('#myDropdown').val(1);

Answer 3

忘記為您的option創建任何特殊id或更改值。 只需使用jQuery來獲取index 。 （請注意，索引從0開始，因此只需在此結果中添加1即可。）

$('#myDropdown').find('option:selected').index();

HTML：

<select id="myDropdown">
    <option value="dynamicallycreated1">option one</option>
    <option value="dynamicallycreated2">option two</option>
    <option value="dynamicallycreated3">option three</option>
</select>