jQueryでコンボボックを選択

実現したいこと

Wordpressの カスタムフィールド（ACF）を使用して作成したセレクトボックがあります↓
ページを開いたときにURLパラメタから値をとって自動的にセットしたいのですがうまくいきません

HTML

1<span class="select2 select2-container select2-container--default -acf select2-container--focus" dir="ltr" data-select2-id="1" style="width: 100%;"> 2 <span class="selection"> 3 <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-acf-field_639e86e990452-container"> 4 <span class="select2-selection__rendered" id="select2-acf-field_639e86e990452-container" role="textbox" aria-readonly="true"> 5 <span class="select2-selection__placeholder"> 6 <span class="acf-selection">Select</span> 7 </span> 8 </span> 9 <span class="select2-selection__arrow" role="presentation"> 10 <b role="presentation"></b> 11 </span> 12 </span> 13 </span> 14 <span class="dropdown-wrapper" aria-hidden="true"></span> 15</span>

書いたコードがこちらです。
まず　aria-readonlyがfalseになりません
値もtextやvalで田前したのですがうまくいきません

jQuery

12$('#select2-acf-field_639e86e990452-container').attr('aria-readonly', 'false') 3$('#select2-acf-field_639e86e990452-container .acf-selection').text(str_name); 4$('#select2-acf-field_639e86e990452-container .acf-selection').val(str_name); 5

first-childrenなども試しましたがダメでした。
何がわるいでしょうか。
教えてほしいです。