在數字後加空格

<select id="mySelect"> 
    <option>140 AAA</option> 
    <option>141 BBB</option> 
    <option>140 CCC</option> 
    <option>140 EEE</option> 
</select>

我想在javascript之後加上幾個空格。請幫助:)在數字後加空格

所需的輸出

<select id="mySelect"> 
    <option>140 AAA</option> 
    <option>141 BBB</option> 
    <option>140 CCC</option> 
    <option>140 EEE</option> 
</select>

來源

2012-05-17 emilan

你想要的輸出是什麼？ – soimon

我也喜歡，[堆棧溢出不是你的個人研究助理]（http://meta.stackexchange.com/a/128553） – Andrew

@Andrew這不是一個人的研究，這是一項任務，我有問題與該任務！ – emilan

這種方法感覺有點，我不知道，icky。但是，這是我能夠以純JavaScript的方式提出的第一件事。將10更改爲您想要的許多空間。

var selectEl = document.getElementById("mySelect"); 
for (var i = 0; i < selectEl.options.length; i++) { 
    var opt = selectEl.options[i]; 
    opt.innerHTML = opt.innerHTML.replace(/\s/, Array(10).join('&nbsp;')); 
}

來源

2012-05-17 15:37:55 Sampson

你想要一個填充字符串是一個最大長度屬性輸出或者你只是需要它的格式和視覺效果？您可以在字符串的任一側使用填充功能。

事情是這樣的：

「」 +日+「」將一天中的字符串值每一側添加一個空格。

來源

2012-05-17 15:31:14 Hituptony

如果您正在尋找數字和字母之間的更多填充，請嘗試一個不間斷的空格。它將在HTML中顯示爲空格。

<option>140 &nbsp;&nbsp; EEE</option>

如果你堅持使用javascript，嘗試通過選擇使用jQuery中循環，並調整它們

$('#mySelect > option').each (function() 
    { 
    $(this).text().replace (' ', ' &nbsp; '); 
    });

我沒有測試過這一點，但你的想法。

來源

2012-05-17 15:32:04

我想用javascript來做！ – emilan

使用jQuery添加了一個javascript示例 –

在數字後加空格

回答

相關問題