在选择选项中添加空格

Adding Spaces in select options

本文关键字：添加 空格 选项 选择      更新时间：2023-09-26

我有一个下拉选择菜单，它正在从数据库中提取值。由于它们是从数据库中提取的，因此文本看起来像TitleIsAvalible一样被压扁。我可以继续选择这些值并通过控制台添加空间，但它们在屏幕上没有变化。

我敢肯定这是我忘记的简单事情，但我只是能弄清楚。

我的选择如下所示

<p>
   <select class="form-control js_create">
     <option value="">Edit an existing table</option>
     <option value="16">AuthenticationOperations</option>
   </select>
</p>

但我希望该选项改为阅读身份验证操作。

我试过这样的事情

$('.js_create option').text().replace(/([A-Z])/g, ' $1').trim();

任何帮助将不胜感激！

您需要提供一个函数来text()该函数对当前值进行操作。试试这个：

$('.js_create option').text(function(i, v) {
    return v.replace(/([A-Z])/g, ' $1').trim();
});

示例小提琴

我想你忘了再次将值放入text

像波纹管

$('.js_create option').each(function(){
    var formattedText = $(this).text().replace(/([A-Z])/g, ' $1').trim();
    $(this).text(formattedText);
});

演示

相关文章：