Javascript 如何将tail.select列表重置为默认值?
如何从tail.select(Link to)重置select值使用JS或JQuery,我尝试从select更改值,但没有帮助Javascript 如何将tail.select列表重置为默认值?,javascript,jquery,tail.select,Javascript,Jquery,Tail.select,如何从tail.select(Link to)重置select值使用JS或JQuery,我尝试从select更改值,但没有帮助 <select class="form-control searchSelect"> <option value="" selected disabled> </option> <option value=&q
<select class="form-control searchSelect">
<option value="" selected disabled> </option>
<option value="1">V1</option>
<option value="2">V2</option>
<option value="3">V3</option>
</select>
<button type="button" class="resetList">Reset List</button>
<script>
let tselect = tail.select('.searchSelect', {
search:true,
deselect:true,
hideSelected:true,
hideDisabled:true
});
$(document).on('click', '.resetList', function(){
$('.searchSelect ').val();
$(".searchSelect option:selected").removeAttr("selected");
$('.searchSelect').val(null).trigger('change');
});
</script>
V1
V2
V3
重置列表
让tselect=tail.select('.searchSelect',{
搜索:对,
取消选择:true,
hideSelected:没错,
隐藏的:真的
});
$(文档).on('click','.resetList',function(){
$('.searchSelect').val();
$(“.searchSelect选项:选定”).removeAttr(“选定”);
$('.searchSelect').val(null).trigger('change');
});
我已经试过了
$('.searchSelect').val()
$(“.searchSelect选项:选定”).removeAttr(“选定”)
$('.searchSelect').val(null).trigger('change')
我阅读了文档,但我无法理解。您可以使用tail.select()的方法。
对象:
让tselect=tail.select('.searchSelect'{
搜索:对,
取消选择:true,
hideSelected:没错,
隐藏的:真的
});
document.querySelector(“按钮”).addEventListener(“单击”,()=>tselect.reload())代码>
V1
V2
V3
重置列表
您可以使用尾部的方法。选择()
对象:
让tselect=tail.select('.searchSelect'{
搜索:对,
取消选择:true,
hideSelected:没错,
隐藏的:真的
});
document.querySelector(“按钮”).addEventListener(“单击”,()=>tselect.reload())代码>
V1
V2
V3
重置列表
您能否提供一个最简单的示例?这样才能正确回答!甚至我也试图在文档中找到最小的示例,但我无法找到。我不知道如何使用他们在上述链接中提到的语法。我想指出尾部的更改。选择库。旧的存储库完全消失了,新的版本也在这里——同时,演示也在这里提供——因为插件已经消失了,几个月前,我已经将其更新为版本0.5.20,并且ES6版本0.6正在开发中。我一直在维护这个插件/库。你能提供一个简单的例子吗?这样才能正确回答!甚至我也试图在文档中找到最小的示例,但我无法找到。我不知道如何使用他们在上述链接中提到的语法。我想指出尾部的更改。选择库。旧的存储库完全消失了,新的版本也在这里——同时,演示也在这里提供——因为插件已经消失了,几个月前,我已经将其更新为版本0.5.20,并且ES6版本0.6正在开发中。我一直在维护这个插件/库。未捕获类型错误:即使我尝试过tail.reload('.searchSelect'),tselect.reload也不是一个函数;但还是有点奇怪,你用的是最新版本吗?正如您所看到的,在这个代码段中它可以正常工作。你是在这里运行的吗?tselect
是否在调用tselect.reload()
的范围内?可能您是对的,我可能没有在范围内使用。我试图在引导模式关闭时使用此函数。它有一个回调函数将在quetion中更新。“我可能不会”:您当然可以检查tselect
的值,否?只要确保将单击处理程序连接到定义tselect
的同一位置,…未捕获类型错误:tselect.reload不是一个函数,即使我尝试过tail.reload('.searchSelect');但还是有点奇怪,你用的是最新版本吗?正如您所看到的,在这个代码段中它可以正常工作。你是在这里运行的吗?tselect
是否在调用tselect.reload()
的范围内?可能您是对的,我可能没有在范围内使用。我试图在引导模式关闭时使用此函数。它的回调函数将在问题中更新。“我可能不会”:您当然可以检查tselect
的值,否?只需确保将单击处理程序连接到定义tselect
的同一位置即可。。。