1 
<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>
4

3 に答える 3

2

この方法は、ちょっと気持ち悪いです。ただし、純粋な 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-17T15:37:55.333 に答える
0

パディングされた文字列を最大長プロパティ用に出力したいですか、それとも書式設定とビジュアルのために必要ですか? 文字列の両側でパディング機能を使用できます。

このようなもの：

" " + day + " " は、文字列の day の値の両側にスペースを追加します。

于 2012-05-17T15:31:14.327 に答える
0

数字と文字の間にさらにパディングが必要な場合は、改行しないスペースを試してください。HTML では空白として表示されます。

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

JavaScript の使用を主張する場合は、jquery を使用してオプションをループし、それらを調整してみてください

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

私はそれをテストしていませんが、あなたはその考えを理解しています。

于 2012-05-17T15:32:04.077 に答える