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!