所選選項不顯示在html中

Question

爲什麼當我使用javascript代碼在我的下拉列表上設置選定值時，屬性'selected'沒有在html中設置，但在佈局中沒問題。

$("#my_dropdown").val('some_value'); 

$("#my_dropdown option[value='"+some_value+"']").attr("selected", true); 

Answer 1

使用prop()：

$("#my_dropdown option[value='" + some_value + "']").prop("selected", true); 

然而，在你的問題的第一個方法（設置val()）是更好的做法。

Answer 2

屬性和屬性之間有區別。

屬性是HTML代碼中創建元素的內容，即它是初始值。

該屬性是當前值，因此您可以在不影響相應屬性的情況下更改屬性。

在select元素中使用val將設置該選項的selected屬性，但不會更改selected屬性。

在jQuery中分別有attr和prop方法來設置屬性和屬性。