javascript - 浏览器不显示 SELECT 标记中列表文本的空格？

Question

我使用的是 IE7，它似乎在我的 SELECT 标记中显示了选项，而文本中没有前导空格 - 文本似乎被 trim 了。例如，在下面的 HTML 代码块中，即使选项 1 到 3 的文本前面有三个空格，浏览器在显示它们时似乎执行了 trim 并在没有前导空格的情况下向用户显示。

代码块 1:

<select size="3">
    <option value="1">   aaa</option>
    <option value="2">   bbb</option>
    <option value="3">   ccc</option>
    <option value="4">ddd</option>
    <option value="5">eee</option>
</select>

似乎当您通过 JavaScript 访问选项的文本时，返回的值也会被 trim 。

代码块 2:

var value = list.options[i].text;

有没有一种方法可以强制浏览器也显示空格，或者这是我遇到的问题？

Answer 1

使用 代替空格:

<select size="3">
    <option value="1">&nbsp;&nbsp;&nbsp;aaa</option>
    <option value="2">&nbsp;&nbsp;&nbsp;bbb</option>
    <option value="3">&nbsp;&nbsp;&nbsp;ccc</option>
    <option value="4">ddd</option>
    <option value="5">eee</option>
</select>

===更新===
另见我的 jsfiddle .