我想禁用 jQuerys Chosen 1.1.0 中的无结果文本。
我尝试了一些代码更改,但没有达到预期的结果。我所达到的只是禁用了整个搜索功能或者无结果文本是“未定义”。
仅禁用此无结果文本(例如“无结果匹配”)而没有其他内容的关键在哪里?
非常感谢!
最佳答案
根据 1.1.0 版文档,这是您第一次调用 chosen
函数时可以设置的选项
示例:
$(".my_select_box").chosen(
disable_search_threshold: 10,
no_results_text: "Oops, nothing found!",
width: "95%"
);
或
$(".chosen-select").chosen({no_results_text: "Oops, nothing found!"});
示例使用  
实体禁用输入内容以外的任何文本
<!Doctype html>
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css" rel="stylesheet"/>
</head>
<html>
<body>
<select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
</select>
</body>
<script>
$(".chosen-select").chosen({no_results_text: " "});
</script>
</html>
在加载 jquery 选择的插件及其 css 后,您还可以在 head 标签中添加此 css:
<style>
li.no-results {
visibility:hidden;
}
</style>
或者修改 selected.css 的源代码并将 visibility:hidden
添加到 no-results
类,如果没有结果,该类将删除任何消息/文本在搜索中
示例将 visibility:hidden
添加到 no-results
类以隐藏任何文本
<!Doctype html>
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css" rel="stylesheet"/>
<style>
li.no-results{visibility:hidden;}
</style>
</head>
<html>
<body>
<select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
</select>
</body>
<script>
$(".chosen-select").chosen({no_results_text: "This message is hidden"});
</script>
</html>
关于javascript - 如何禁用 "no-results-text"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31342723/