Bootstrap Select - 如何从 JQuery 返回一个变量作为预选选项答案

【问题标题】：Boostrap Select - How to return a variable from JQuery as the preselected optionBootstrap Select - 如何从 JQuery 返回一个变量作为预选选项
【发布时间】：2018-02-16 07:52:59
【问题描述】：

有没有办法从 JQuery 返回一个变量并将其作为Boostrap Select 中的预选选项？

我在 Modal 中有一个更新表单，因为我已经在 JQuery 中找到了我需要的变量，所以我想将此变量添加为表单中的预选选项。

<div class="form-group">
    <label for="department_id2">Department Name List</label>
    <div class="input-group">
        <span class="input-group-addon transparent"><span class="glyphicon glyphicon-briefcase"></span></span>
        <select class="selectpicker form-control" id="department_id2" name="department_id2" data-live-search="true">
            <option value="name1">Name1</option>
            <option value="name2">Name2</option>
            <option value="name3">Name3</option>
        </select>
    </div>
</div>

【问题讨论】：

标签： html twitter-bootstrap select drop-down-menu

【解决方案1】：

假设 JQuery 值为 'name2'

你会做的......

var selectedVal = 'name2';
$('#department_id2').val(selectedVal);

这是假设您在 JQuery 中的值作为您选择的选项之一存在。如果不是...那么您可以先添加它然后选择它：

var selectedVal = 'name2';
$('#department_id2').append($('<option>').text(selectedVal).attr('value', selectedVal);
$('#department_id2').val(selectedVal);

【讨论】：