如何在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

使用 （通常您不应该将此用于间距，但是don't have many more options in <select> elements）：

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

Updated Fiddle

Answer 2

尝试 以外的空格字符，例如 ， 和 。

像

 <option>three &emsp; spaces</option>

Answer 3

我认为您可以使用"\xC2\xA0"之类的本地PHP字符。

PHP函数html_entity_decode可以提供更多字符：

$nbsp = html_entity_decode(' ');
$str = 'Hello' . $nbsp . 'World!';