如何覆盖此文本？

Posted 2023-05-09

【中文标题】如何覆盖此文本？

【英文标题】：How to override this text?

【发布时间】：2017-08-09 18:41:15

【问题描述】：

我正在使用引导选择 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>

【问题讨论】：

用你试过的代码提供一个jsfiddle

如何插入下拉列表？该按钮的标题属性当前为title="Nothing selected"。看起来javascript代码优先使用标题，否则当标题丢失时它使用“未选择”。

您看到的是默认文本。 Bootstrap Select 有许多初始配置选项，其中覆盖此文本是其中之一。您可以通过设置noneSelectedText 在实例化选择框时设置默认文本。 See the docs

【参考方案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 深入了解第三方库。

【讨论】：

虽然答案看起来不错，但后半部分（某种引用）没有意义 - 如果它是引用 - 提供来源......如果它只是某种随机评论 - 相应地格式化。跨度>

@AlexeiLevenkov 先生，我只是强调告诉他/她如何使用第三个库，不仅解决了他/她的问题，但我找不到如何突出显示它，所以我使用而是引用。