在選擇的選項中添加空格

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