Come visualizzare spazi multipli in HTML lista di selezione <option></option>

Question

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

Il mio problema è che ho più spazi nel contenuto del <option>

jQuery val() mi dà valore corretto, ma il browser rende il <option> come se c'è solo un singolo spazio nella stringa.

C'è un modo per rendere correttamente più spazi in <option> ??

Ho provato <option><pre>three spaces</pre></option>, ma non fa quello che voglio.

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

Usa   (normalmente non si dovrebbe usare questo per la spaziatura, ma si 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

Provate i caratteri di spaziatura diversi   come  ,   e  .

Come

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