Question

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

Answer 1

这种方法感觉有点，我不知道，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;') );
}

Answer 2

你想要为最大长度属性输出填充字符串，还是只需要格式化和视觉效果？你可以在字符串的两边使用填充功能。

这样的事情：

“”+ day +“”会在字符串的每一天增加一个空格。

Answer 3

如果您正在寻找数字和字母之间的更多填充，请尝试不间断的空格。它将在HTML中显示为空格。

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

如果你坚持使用javascript，请尝试使用jquery循环选项并调整它们

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

我没有测试过，但你明白了。

在数字后添加空格

3 个答案: