jQuery的設置選項標籤來選擇

Question

我有以下HTML：

<select id="select_test" class="form-control select2" name="searchValue[]" multiple > 
    <optgroup label="Offers"> 
     <option>option 1</option> 
     <option id="wtf">option 3</option> 
     <option>option 4</option> 
     <option>option 5</option> 
     <option>option 6</option> 
     <option>option 7</option> 
     <option>option 8</option> 
     <option>option 9</option> 
     <option>option 10</option> 
     <option>option 11</option> 
     <option>option 12</option> 
     <option>option 13</option> 
     <option>option 14</option> 
    </optgroup> 
</select> 

現在我想的ID "wtf"設置爲選擇

爲了這個，我創建了下面的JavaScript/jQuery的：

$('#wtf').attr('selected',true); 

但是，這失敗了，所以我嘗試了：

$('#wtf').attr('selected','selected'); 

相同的結果。

我到底做錯了什麼？

我的完整的JavaScript

jQuery(document).ready(function() { 


    $("#select_test").select2({}); 
    $('#wtf').prop('selected',true); 
}); 

Answer 1

嘗試使用道具

$('#wtf').prop('selected',true); 

DEMO

更新

要選擇對選擇2使用時必須使用.select2（）。選擇2（ 'VAL'， '選項'）這樣的

$("#select_test").select2().select2('val','option3'); 

或ID

$('#select_test').select2().select2('val',$('#wtf').text()); 

DEMO