javascript - 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);

演示

更新

要使用 select2 进行选择，必须像这样使用 .select2().select2('val','option')

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

或带身份证

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

演示