在選擇選項中添加空格

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