Wie mehrere Leerzeichen in HTML-Auswahlliste angezeigt werden <option></option>

Question

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

Mein Problem ist, ich mehrere Räume in den Inhalt von <option>

jQuery val() gibt mir korrekten Wert haben, aber Browser macht die <option> als wenn nur ein Leerzeichen in der Zeichenfolge vorhanden ist.

Gibt es eine Möglichkeit, mehrere Räume korrekt in <option> ??

Ich versuchte <option><pre>three spaces</pre></option>, aber es tut nicht was ich will.

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

Verwenden   (in der Regel sollten Sie dies nicht für den Abstand, aber Sie 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

Versuchen Sie, die Leerzeichen andere als   wie  ,   und  .

Wie

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