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

更新

要使用select2进行选择，必须使用.select2（）。select2（'val'，'option'）这样

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

或ID

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

DEMO