javascript - safari 动态给select赋值不生效

Question

我需要从后台动态获取到用户之前select选择的option的value 然后当用户再次进到这个页面时把这个选择动态给select赋值

这个方法在chrome可以生效，但是到了safari就不能生效，希望能得到大家帮助。

Answer 1

操作option的属性时请用prop来操作属性，而不是使用attr

Answer 2

这是Safari的一个bug，解决办法：

<select multiple>
    <optgroup disabled hidden></optgroup>
    <option value="0">All</option>
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
    <option value="4">Test 4</option>
</select>

在所有的option标签最前面加一个optgroup标签，并给属性disabled和hidden

So easy!