2012-05-17 2 views
1
<select id="mySelect"> 
    <option>140 AAA</option> 
    <option>141 BBB</option> 
    <option>140 CCC</option> 
    <option>140 EEE</option> 
</select> 

자바 스크립트로 숫자 뒤에 공백을 추가하고 싶습니다. Pls는 도움이 :)숫자 뒤에 공백 추가

<select id="mySelect"> 
    <option>140 AAA</option> 
    <option>141 BBB</option> 
    <option>140 CCC</option> 
    <option>140 EEE</option> 
</select> 
+1

원하는 출력은 무엇입니까? – soimon

+1

또한 [스택 오버플로는 개인 연구 비서가 아닙니다] (http : //meta.stackexchange.com/a/128553) – Andrew

+1

@ 앤드류 이것은 개인적인 연구가 아니라 작업이고 문제가 있습니다. 그 일로 !!!! – emilan

답변

2

이 방법은 약간의 느낌이 들지만 나는 그렇지 않습니다. 그것이 순수한 자바 스크립트 감각으로 나올 수있는 첫 번째 것이지. 10을 원하는 많은 공백으로 변경하십시오.

var selectEl = document.getElementById("mySelect"); 
for (var i = 0; i < selectEl.options.length; i++) { 
    var opt = selectEl.options[i]; 
    opt.innerHTML = opt.innerHTML.replace(/\s/, Array(10).join('&nbsp;')); 
} 
0

당신이 패딩 문자열 최대 길이 속성에 대한 출력 하시겠습니까 또는 그냥 포맷과 영상을 위해 필요합니까 출력을 원하는? 문자열의 양쪽에 패딩 기능을 사용할 수 있습니다. 이 같은

뭔가 :

""+ 일 + "는"문자열에서 일의 값의 각 측면에 공간을 추가합니다.

0

숫자와 문자 사이에 더 많은 여백을 찾으려면 비공개 공간을 사용해보십시오. HTML에 공백으로 표시됩니다.

당신은 자바 스크립트를 사용하여 주장하는 경우
<option>140 &nbsp;&nbsp; EEE</option> 

, 옵션을 통해 루프에 jQuery를 사용하여 시도하고 그들에게

$('#mySelect > option').each (function() 
    { 
    $(this).text().replace (' ', ' &nbsp; '); 
    }); 

나는,하지만 당신은 아이디어를 얻을 것을 시험하지 않았다을 조정합니다.

+0

나는 javascript로 그것을하고 싶다 !!! – emilan

+0

jQuery를 사용하여 자바 스크립트 예제 추가 –