在选择选项中添加空格

Question

我有一个下拉选择菜单，该菜单从数据库中提取值。 由于它们是从数据库中提取的，因此文本看起来像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();

任何帮助，将不胜感激！

Answer 1

您需要为text()提供一个函数来执行当前值的操作。 尝试这个：

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

小提琴的例子

Answer 2

我认为您忘记了将价值再次输入text

像波纹管

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

DEMO