选择js破坏选项并重复输入

问题描述

**嘿**

我在下拉菜单中遇到选择问题。 每当我从下拉菜单中单击任何选项时，一切都很好... 但是，当我在字段上输入任何文本输入时，这些选项会变得很奇怪...看起来像是在重复我输入的文本输入。 试图删除突出显示功能，但没有结果。

场景：

在wordpress子主题上使用Selectize的最新版本。

使用dist / js / standalone中的selectize.js和selectize.min.js。

使用包含在子文件夹中的脚本。

script.js

$(document).ready(function(){
$('#search').selectize({highlight: false})
});

选择列表

<div class="exampleSearch">
    <select  placeholder="Choose some technologies..." id="search" multiple="multiple">
       <option value="1">Sample Value 1</option>
       <option value="2">Sample Value 2</option>
       <option value="3">Sample Value 3</option>
    </select>
    <input type="submit" value="Save" class="btn n-btn-flat">
</div>

一些图片说明：

Before text input

after text input

解决方法

您很有可能拥有某些样式，这些样式会覆盖selectize的默认样式并导致此问题。

看看下面的工作示例：

$(document).ready(function() {
  $('#search').selectize({
    highlight: true
  })
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.default.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js"></script>
<div class="exampleSearch">
  <select placeholder="Choose some technologies..." id="search" multiple="multiple">
    <option value="1">Sample Value 1</option>
    <option value="2">Sample Value 2</option>
    <option value="3">Sample Value 3</option>
  </select>
  <input type="submit" value="Save" class="btn n-btn-flat">
</div>