jquery select2设置输入值

标签 jquery jquery-select2-4 jquery-select2

我使用 select2 有以下输入文本框:

<div class="col-md-6">
    <div class="form-group">
        <label for="QRY_Owner"> Owner ID</label>
        <input id="QRY_Owner" type="text" style="width:100%">
        </input>
    </div>
</div>

这是使用 select2 进行设置的,如下所示:

            $("#QRY_Owner").select2({
                placeholder: "Owner ID",
                tags: [],
                tokenSeparators: [",", " ", ";"],
                maximumInputLength: 12,
                selectOnBlur: true,
                dropdownCssClass: "hiddenSelect2DropDown"
            });

现在,我想设置文本输入的默认值。我尝试了以下方法:

$("#QRY_Owner").select2("val", "test value");

以及以下内容:

$("#QRY_Owner").select2({
    tags:  ["red", "green", "blue"]
});

以及以下内容:

 $("#QRY_Owner").val("close");

但是表单没有更新并且输入字段为空。另外,我在浏览器控制台中没有收到任何错误。

对我在这里缺少什么有什么想法吗?

这是一个 jsfiddle 显示我的问题: https://jsfiddle.net/snehilw/90m8hzpg/

最佳答案

抓取自JQuery select2 set default value from an option in list? 。 只需添加:

.select2('val', ['AL', 'WY'])

jsfiddle

关于jquery select2设置输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34910479/

相关文章:

php - 返回 Cordova 的索引文件

jquery - 有没有办法使用 select2 为下拉列表中的每个选项添加描述?

JQuery 在模式中重置 select2

javascript - Esc 键关闭 bootstrap 模式但不关闭其中的 select2 下拉菜单

javascript - jQuery触发按钮点击表td内

javascript - jQuery fadeColor 问题

pagination - 如何在服务器端和客户端使Select2无限滚动分页

twitter-bootstrap - Select2 应用 Bootstrap 输入-lg

javascript - 在 Select2 中将数组传递给 val

javascript - 如何为ajax post数据设置动态键?