选中的选项不会在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代码中创建元素的内容，即它是初始值。

属性是当前值，因此您可以在不影响相应属性的情况下更改属性。

在val元素中使用select会设置该选项的selected属性，但不会更改selected属性。

在jQuery中，分别有attr和prop方法来设置属性和属性。