Safariでドロップダウン値が設定されていません

Question

data-tipos属性に基づいてドロップダウンからこのjQueryコードを実行して自動選択します。問題は、Safariで実行されないということです。

document.addEventListener('DOMContentLoaded', function() { 
    document.querySelector('option[data-id="'+param1+'"]') 
     .setAttribute('selected', 'selected'); 
}); 

Safariで実行するコードを編集する方法についてのヘルプはありますか？

JSFiddle https://jsfiddle.net/6uh57nz3/1/がこれに対応していない場合でも、完全なコードがあります。

Answer 1

理由はわかりませんが、setAttributeがSafariで動作していません。しかし、DOM要素のプロパティ値の設定は機能します。これはすべてのブラウザで動作します。

document.querySelector('option[data-id="' + param1 + '"]') 
    .selected = 'selected'; 

Updated Fiddle