如何关闭selectize.js选择列表中的选项列表？
selectize.js是一个功能强大的下拉选择框插件，它提供了丰富的选项列表和搜索功能。要关闭selectize.js选择列表中的选项列表，可以使用以下方法：
- 使用clearOptions()方法清空选项列表：
- 使用clearOptions()方法清空选项列表：
- 使用disable()方法禁用selectize.js：
- 使用disable()方法禁用selectize.js：
- 使用destroy()方法销毁selectize.js实例：
- 使用destroy()方法销毁selectize.js实例：
这些方法可以根据具体需求选择使用。关闭选项列表后，用户将无法选择选项，搜索功能也将被禁用。
selectize.js可以广泛应用于各种场景，例如表单输入、标签选择、自动完成等。腾讯云提供了一系列云计算产品，其中与前端开发相关的产品包括云开发（https://cloud.tencent.com/product/tcb）和云函数（https://cloud.tencent.com/product/scf）。这些产品可以帮助开发者快速构建前端应用，并提供强大的后端支持和云端部署能力。
注意：本答案中没有提及任何特定的云计算品牌商，如有需要，请自行搜索相关信息。
相关·内容
2回答
在MVC中AJAX调用后，选择框的JavaScript文件无法工作
javascript、jquery、ajax、asp.net-mvc、asp.net-ajax
我在项目中有一个selectize.js JavaScript文件，最初的样式是复选框，但是当我通过AJAX调用加载新的复选框时，JavaScript.file不工作这个新出现的复选框
这是我的AJAX代码
$("#SlctGrpList").change(function (e) {
e.preventDefault();
$('#loadingIndicator').fadeIn();
var curentUrl = "/search?SlctGrpFilt=" + $("#SlctG
浏览 1提问于2018-09-13得票数 1
1回答
如何在其中一个建议selectize.js中禁用自动选择？
javascript、jquery、selectize.js
我正在尝试使用algolia，everything works.The algolia autocomplete实现自动完成搜索，它使用selectize.js插件来显示表单和下拉列表，但问题是，如果我点击输入框，它会显示建议，其中一个建议被选中，所以如果我没有键入任何内容就点击enter，它将自动选择第一个建议。我想要的是，如果我输入一个单词或将其保留为空，然后按enter键，则不应选择任何建议。我该如何解决这个问题呢？任何帮助都将不胜感激。 const autocomplete = instantsearch.connectors.connectAutocomplete(
({ indi
浏览 27提问于2020-09-06得票数 2
1回答
使用Javascript/JQuery动态更新选择字段
javascript、jquery、selectize.js
我有一个包含许多字段的表单，其中包括一些使用Selectize插件的选择。表单所做的部分工作包括从模式窗口获取输入，然后将其动态添加到相关的“选择”选择字段。
我目前正在进行如下操作：
//Initialise Selectize on the required fields
var $select = $('.selectize').selectize(...do some stuff in here...);
//Fetch the selectize instances
var select0 = $select[0].selectize;
var select1 =
浏览 46提问于2018-07-24得票数 1
3回答
选择导致键盘出现在Android上
javascript、android、angularjs、selectize.js
在Android上，当选择器被触摸时，键盘输入就会出现。我怀疑这是因为生成的输入是type="text“。
，我怎样才能防止这种情况发生？如果用户正在从下拉列表中进行选择，则键盘出现是没有意义的。。
我正在将selectize实现为一个角模块，但我与开发人员进行了检查，问题并不是特定于角包装器的。
这是我的代码：
<selectize ng-model="filters.min_bedrooms"
options="[
{title:'
浏览 3提问于2015-02-14得票数 4
7回答
如何更改selectize.js中的插入符号图标？
twitter-bootstrap、css、twitter-bootstrap-3、selectize.js
我希望将selectize.js中的插入符号图标更改为类似于引导程序(图标-菜单)的图标，如下图所示：
我正在使用(selecize.bootstrap3.css)并尝试使用这个css文件，但没有成功。
浏览 5提问于2015-06-08得票数 5
回答已采纳
1回答
如何以编程方式隐藏选择选项？
javascript、jquery、html、html-select、selectize.js
我现在有一个选择下拉列表，根据我所拥有的字符串列表，它应该有一些选项被禁用和隐藏。下面是我尝试过的非选择javascript函数：
<!DOCTYPE html>
<html>
<body>
<select onchange="ToggleSelectizeOptions(this.value)">
<option value="volvo">Volvo</option>
<option value="saab">Saab</op
浏览 0提问于2018-10-09得票数 2
回答已采纳
2回答
选择DOM中页面加载中未呈现的下拉内容
javascript、jquery、selectize.js
我正在使用。
在页面加载时，当检查选择下拉列表中的元素时，实际内容丢失(在.selectize-dropdown-content中)：
<div class="selectize-dropdown single aritklmodel" style="display: none;">
<div class="selectize-dropdown-content"></div>
</div>
单击之后，它将填充内容：
<div class="selectize-dropdown si
浏览 10提问于2021-01-14得票数 2
回答已采纳
2回答
覆盖选择下拉列表中的默认选择
jquery、html、selectize.js
最近，我修改了一个网页，用一个单项选择取代了一个非用户友好的搜索控件。
但我有一个小小的UI烦恼。当您单击控件，然后尝试键入新的选择时，什么都不会发生；它仍然具有默认选项。首先必须按Backspace来删除默认的选择，然后才能输入新的搜索。
如何使输入立即覆盖默认选项，而不必按Backspace？
下面是一个简短的HTML示例，它演示了这个问题：
<!DOCTYPE html>
<html>
<head>
<title>Selectize Example</title>
<link rel="
浏览 1提问于2016-02-12得票数 1
回答已采纳
2回答
selectize.js:从选择的下拉列表中获取所有选定的值
javascript、jquery、selectize.js
我有多个选择选项，有不同的类和名称，我正在使用选择库来允许用户进行搜索。我希望在单击按钮时获得选定的值。现在，我已经尝试了以下代码
$(window).bind("load", function()
{
var selectize_search_1 = $('.selectize_search_1').selectize(
{
sortField: 'text'
});
});
function fetch_cars()
{
var cars_value = $('.selectize_
浏览 10提问于2022-04-01得票数 0
回答已采纳
1回答
在selectize.js中禁用下拉列表的一个选项
javascript、jquery、drop-down-menu、selectize.js
我在我的项目中使用selectize.js作为下拉列表。我有3个相互关联的下拉列表。当我从第一个下拉列表中点击一个选项时，第二个和第三个下拉列表中的一些元素应该被禁用。当我从第二个下拉列表中点击一个选项时，第三个下拉列表中的某些元素应该被禁用。
当我尝试一些基本的jquery或javascript方法来禁用下拉列表中的选项时，它们不起作用。但是，当我从下拉列表中删除selectize.js类时，它们会立即影响并禁用我想要的选项。
下面是我的dropdownlists示例代码；
<div id="pro_yur_gru" class="row form-row
浏览 18提问于2017-02-16得票数 0
4回答
selectize.js --如何禁用选定项之后的闪烁光标？
javascript、jquery、selectize.js
我正在使用来设置文本框的样式，而且它运行得很好。
$("select[name='somename']").selectize({
valueField: 'id',
labelField: 'name',
searchField: 'name',
options: selectableThings,
render: {
option: function(item, escape) {
return render(someTemplate, item);
},
浏览 1提问于2013-09-25得票数 9
回答已采纳
1回答
不同的选择下拉列表在搜索时应该具有相同的下拉选项值。
javascript、jquery、selectize.js
有两个(或更多)选择下拉列表，其中下拉值(选项值)是由用户创建的。问题是，当用户在两个选择下拉列表中创建一些值时，两个选择应该具有相同的下拉值。下拉值应该是相同的，并且加载到其他下拉值中，而不管它们在哪里创建(添加)。
参考链接：-
小提琴链接：-
html
<section class="demo" id="demo-single-item-select">
<div class="header">
Single Item Select
浏览 1提问于2020-10-01得票数 2
回答已采纳
5回答
微信小程序人脸与身份证照片对比登录,后端做什么？
官方文档、小程序·云开发
微信小程序前端和后端分别要做些什么 ? 所有需要的东西有哪些 ? (请尽量详细点)
标题：人脸识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12397
浏览 2449提问于2018-01-24
1回答
使用selectize.js在下拉列表中只显示三个输入
javascript、ruby-on-rails、ruby-on-rails-5、selectize.js
我正在使用selectize.js作为一个不错的下拉列表，但是当它下降时，我只想显示三个结果，而不是我得到的全部20个结果。因此，当用户想要找到某物时，他需要输入一些东西，除非它们是前三种类型之一。我对Javascript还不熟悉，在其他问题上找不到答案。我已经把我的相关代码放在下面。非常感谢！
<div class="field">
<%= f.label :homecity, "Home Town" %><br>
<%= f.select :homecity_id, Homecity.all.pluck
浏览 3提问于2017-05-04得票数 1
回答已采纳
2回答
为什么不止一个选择输入不能工作？-选择
javascript、jquery
我正在处理一个页面，用户必须选择下拉选项(选择标签)。我在选择标记上添加功能，但是当用户使用按钮添加更多的select输入时，第一个输入停止工作，但是第二个输入工作得很好。你可以在以下文件中看到：
var numberofSelects = 0;
var maxSelects = 9; // 10 Inputs
function addInput() {
if (numberofSelects < maxSelects) {
numberofSelects++;
var newSelect =
'Input ' + numberofS
浏览 0提问于2016-08-19得票数 4
回答已采纳
2回答
计算selectize.js中的选项数
javascript、jquery、html、select
如何使用selectize.js计算下拉列表中的选项数？
$('#MyDrop option').length;
$('#MyDrop option').size();
上面的那些不是与选择工作！
浏览 3提问于2015-09-04得票数 5
回答已采纳
1回答
使引导输入看起来像selectize.js组件中的输入sm
html、css、twitter-bootstrap
我有一个选择组件，如下所示。
我的目标是使搜索输入看起来更小，换句话说，将它的类从标准引导输入更改为。我想我必须编辑源代码，只有在哪里和如何-你能帮我这个吗？我已经四个月没再谈这个问题了。
联署材料：
vendors_name_selectize = $('#vendors_name_input').selectize({
maxItems: 100,
preload: true,
openOnFocus:true,
valueField: 'value',
浏览 1提问于2016-08-20得票数 0
5回答
Jquery选择在Ajax选项顶部添加“清除所有”链接
javascript、php、jquery、ajax、selectize.js
我正在使用Jquery的标记库，到目前为止，这个库运行得很好。
下面是我使用的代码。
Javascript代码：
$('#q').selectize({
plugins: ['remove_button'],
valueField: 'address',
labelField: 'address',
searchField: 'address',
create: true,
render: {
item: fu
浏览 7提问于2017-09-13得票数 9
回答已采纳
1回答
如何将咏叹号添加到selectize.js中？
javascript、jquery、selectize.js
因此，selectize.js只是忽略了原始输入字段，并创建了自己的输入字段，因此原始标签现在与新输入不相关联。
我想为屏幕阅读器在新的selectize.js字段中添加一个aria标签。
有人知道如何修改html属性，选择它的输入吗？
谢谢,
浏览 4提问于2015-05-08得票数 4
3回答
selectize.js重新加载下拉菜单
javascript、jquery、json、autocomplete、selectize.js
我有一个由ajax填充的id为"selectCountry“的下拉列表，如果成功，我只需绑定选择器。
$('#selectCountry').selectize({
create: true,
sortField: 'text'
});
当我通过ajax重新绑定我原来的下拉列表，并尝试重新加载/重新绑定，或者在成功时刷新旧的选择自动完成框时，旧的列表上不会有任何更改。
有没有办法重新加载或刷新selectize下拉菜单？我试过"clearOptions()“和"refreshOptions()”。
另外，我不想直接绑定a
浏览 1提问于2015-05-26得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
