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();
});

Example fiddle

Answer 2

我认为您忘记将值再次放入text

像波纹管一样

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

DEMO

在选择选项中添加空格

2 个答案: