Select2 で値を事前に選択する方法: バージョン 4 以下のガイド?

<code class="html"><input type="hidden" name="programid" id="programid" class="width-500"><ol start="2">
<li>
<strong>Select2 の初期化:</strong> Select2 のインスタンスを作成し、データを取得するための AJAX 呼び出しなど、必要なオプションを使用して構成します。</li>
<li>
<strong>事前に選択された値を設定:</strong> select2 を使用します。 ('data', { id: "selectedID", text: "selectedText" }) 選択された値を設定するメソッド。</li>
</ol>
<h3>Select2 バージョン 4 以降</h3>
</h3>
<p>Select2 v4 および上記では、アプローチが少し異なります:</p>
<ol><li>
<strong>HTML:</strong> Select2 入力フィールドを、オプションと選択された属性を持つ標準の選択要素として定義します:</li></ol>
<pre class="brush:php;toolbar:false"><code class="html"><select id="mySelect2" name="mySelect2[]">
  <option value="TheID" selected="selected">The text</option>                                                                   
</select></code>

<code class="javascript">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text");
$("#mySelect2").append($newOption).trigger('change');</code>

<code class="javascript">$("#mySelect2").val(5).trigger('change');</code>