Question

我遇到了select2下拉列表的问题，该问题一直关注打开。

基本上当您使用select2单击下拉列表时，会显示一个特殊的select2下拉列表，顶部会显示一个文本输入，因此您可以开始输入并缩小选择范围。好吧，当select2下拉列表打开时，焦点不在搜索输入中。它仍然在原始的select html元素上。

这是CodePen上的WORKING select2下拉列表，仅作为示例。我无法复制我在CodePen中遇到的问题，因此它让我觉得它在我的网站上存在冲突。但我不知道什么，我似乎无法缩小范围。

https://codepen.io/anon/pen/QmoGew

String styledText = Html.toHtml(mEditor.getText());

我可以看到焦点在打开时进入搜索输入，但它会立即消失。有没有人有任何想法为什么会发生这种情况？

以下是我的package.json文件中的依赖项：

see codepen for sample working code

这就是我在webpack.mix.js中编译所有内容的方式

"devDependencies": {
    "axios": "^0.17",
    "bootstrap": "^4.0.0",
    "browser-sync": "^2.23.6",
    "browser-sync-webpack-plugin": "^2.2.2",
    "cross-env": "^5.1.4",
    "jquery": "^3.2",
    "laravel-mix": "^2.1.11",
    "lodash": "^4.17.4",
    "vue": "^2.5.16",
    "vue-resource": "^0.9.3",
    "vue-router": "^2.6.0",
    "vuex": "^2.5.0",
    "webpack": "^3.10.0"
},
"dependencies": {
    "dropzone": "^5.4.0",
    "mini-toastr": "^0.7.2",
    "popper.js": "^1.14.3",
    "sweetalert": "^2.1.0",
    "vue-notifications": "^0.9.0",
    "select2": "^4.0.6-rc.1"
}

Answer 1

$('#element_id').select2('open');

应该做的伎俩！

选择2搜索输入在打开时不会获得焦点

1 个答案: