<option></option>

Question

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

내 문제는 내가 <option>

의 내용 jQuery를 val()에서 여러 공백이 나를에게 올바른 값을 제공하지만, 브라우저가 <option>로 렌더링 캐릭터 라인 내에 스페이스가 1 개 밖에없는 경우

제대로 <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

  이외의 공백 문자를보십시오 (3210) 등  ,   및  있다.

재미있는

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