如何在HTML选择列表<option> </ option>中显示多个空格

Question

jsfidder http://jsfiddle.net/a3LwW/4/

我的问题是我的内容有多个空格 <option>

jQuery val()给了我正确的值,但是浏览器呈现<option>就像字符串中只有一个空格一样.

有没有办法正确渲染多个空格<option>？

我试过了<option><pre>three spaces</pre></option>,但它没有做我想要的.

HTML

<select id="list">
    <option>one space</option>
    <option>two  spaces</option>
    <option>three   spaces</option>
</select>
<p>Current Value:<pre id="val"></pre></p>

JS

function update_val () {
    $('#val').text($('#list').val()); 
}

$('#list').change(update_val);

//init
update_val();

Answer 1

使用 (通常你不应该将它用于间距,但在<select>元素中没有更多选项):

<select id="list">
    <option>one space</option>
    <option>two &nbsp;spaces</option>
    <option>three &nbsp;&nbsp;spaces</option>
</select>

更新小提琴