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

尝试使用prop

$('#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

Jquery将选项标记设置为选中

1 个答案: