如何覆盖此文本？

Question

我正在使用引导选择 CDN： https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js

在此 CDN 文件中有一个文本“未选择任何内容”。 我想在我的文件中更改此文本。 当然，我可以下载这个 js 文件并更改文本。但我想使用cdn。

有没有 javascript 代码可以做到这一点？

我尝试使用：

jQuery(document).ready(function($) { 
$('.propertyforsale-search .bootstrap-select.btn-group .dropdown-toggle .filter-option span.filter-option.pull-left').html('You Should Select an item');

})(jQuery);

我的html：

<button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" role="button" data-id="tax_mylanguages" title="Nothing selected" aria-expanded="false"><span class="filter-option pull-left">Nothing selected</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>

Answer 1

您可以使用<select> 标记上的title 属性来初始化 noneSelectedText 选项。github 上的整个文档。

<select class="selectpicker" multiple title="Choose one of the following...">
 <option>Mustard</option>
 <option>Ketchup</option>
 <option>Relish</option>
</select>

或者您可以使用以下程序化方式进行操作：

$('.selectpicker').selectpicker({
   noneSelectedText:"Choose one of the following..."
});

使用第三方库的技巧

这个技能对我来说通常很有效，所以我告诉你。

• 首先查看是否存在版权文档的来源，因为它通常包含文档位置，例如：Bootstrap-select v1.12.1 (http://silviomoreto.github.io/bootstrap-select)。
• 如果不存在版权文档，您可以尝试使用库的关键字谷歌查找文档。
• 快速查看第三部分示例（如果提供）。
• 通过其 api/documentation 深入了解第三方库。