셀렉트 박스를 각 옵션의 텍스트 혹은 value를 기준으로 정렬해주는 함수다.
사용법은 매우 간단해서...
sboxSort(SELECT 객체의 아이디 혹은 객체, valueSort 여부);와 같다.
만약 위 링크의 예제처럼 select 객체의 아이디가 sbox 라고 했을 때...
- sboxSort('sbox');
- sboxSort(document.getElementById('sbox'));
1, 2 번 방식이 둘 다 사용가능하다. 두번째 전달값은 value 소트를 할 것인지의 여부인데, 기본값은 false 가 된다.
함수를 페이지에 삽입후 버튼등에 onclick 이벤트를 주는 방식으로 사용하면 되겠다.
function sboxSort(boxIdObj, isValuesort)
{
var obj, sArr, oArr, idx, op;
if (typeof boxIdObj == 'string') obj = document.getElementById(boxIdObj);
else obj = boxIdObj;
if (obj.tagName.toLowerCase() != 'select') return false;
if (typeof isValuesort == 'undefined') isValuesort = false;
sArr = new Array(obj.options.length);
oArr = new Array;
for (idx = 0; idx < obj.options.length; idx++)
{
if (isValuesort) sArr[idx] = obj.options[idx].value;
else sArr[idx] = obj.options[idx].text;
oArr[sArr[idx]] = obj.options[idx];
}
sArr.sort();
for (idx in sArr) obj.appendChild(oArr[sArr[idx]]);
}
예제)
[#NOBR_START#]
[#NOBR_END#]