질문있습니다. 도움 좀 주세요!!!! (제가 한 질문은 답변을 아무도 안해주시네요 ㅠ.ㅠ 정보
질문있습니다. 도움 좀 주세요!!!! (제가 한 질문은 답변을 아무도 안해주시네요 ㅠ.ㅠ
본문
댓글 전체
스크립트 처리해야되는 부분입니다.
<Script Language="Javascript">
function formMove(src,target,direction){
// 위치를 정함..
objSrc = document.getElementsByName(src)[0];
objTgt = document.getElementsByName(target)[0];
// 순차적으로 삭제할경우 증가값이 비게되므로 정상적으로 option이 삭제되지 않으므로
// 역순으로 카운트를 시작하도록 하자..
for(i=(objSrc.length-1);i>=0;i--){
if (objSrc[i].selected){
// 생성시키고 삭제할것이므로 일단 선언..
objSlt = document.createElement('option');
objSlt.text = objSrc[i].text;
objSlt.value = objSrc[i].value;
objTgt.add(objSlt);
objSrc.remove(i);
} // end of if
} // end of for
sboxSort(objSrc,false);sboxSort(objTgt,true);
} // end of function
// 셀렉트박스 정렬하기
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]]);
}
</Script>
<table cellpadding="0" cellspacing="1" border="0">
<tr>
<td width="280">
<Select Style="width:265px;height:80px;" name="juim_src[]" class="ignore" multiple>
<option value="사과">사과</option>
<option value="참외">참외</option>
<option value="깡냉이">깡냉이</option>
</select>
</td>
<td width="50">
<input class=button type=button value=" > " onclick=formMove("juim_src[]","juim_prof[]");>
<br>
<input class=button type=button value=' < ' onclick=formMove("juim_prof[]","juim_src[]");>
</td>
<td width="280">
<Select Style="width:265px;height:80px;" name="juim_prof[]" class="ignore" multiple></Select>
</td>
</tr>
</table>
<Script Language="Javascript">
function formMove(src,target,direction){
// 위치를 정함..
objSrc = document.getElementsByName(src)[0];
objTgt = document.getElementsByName(target)[0];
// 순차적으로 삭제할경우 증가값이 비게되므로 정상적으로 option이 삭제되지 않으므로
// 역순으로 카운트를 시작하도록 하자..
for(i=(objSrc.length-1);i>=0;i--){
if (objSrc[i].selected){
// 생성시키고 삭제할것이므로 일단 선언..
objSlt = document.createElement('option');
objSlt.text = objSrc[i].text;
objSlt.value = objSrc[i].value;
objTgt.add(objSlt);
objSrc.remove(i);
} // end of if
} // end of for
sboxSort(objSrc,false);sboxSort(objTgt,true);
} // end of function
// 셀렉트박스 정렬하기
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]]);
}
</Script>
<table cellpadding="0" cellspacing="1" border="0">
<tr>
<td width="280">
<Select Style="width:265px;height:80px;" name="juim_src[]" class="ignore" multiple>
<option value="사과">사과</option>
<option value="참외">참외</option>
<option value="깡냉이">깡냉이</option>
</select>
</td>
<td width="50">
<input class=button type=button value=" > " onclick=formMove("juim_src[]","juim_prof[]");>
<br>
<input class=button type=button value=' < ' onclick=formMove("juim_prof[]","juim_src[]");>
</td>
<td width="280">
<Select Style="width:265px;height:80px;" name="juim_prof[]" class="ignore" multiple></Select>
</td>
</tr>
</table>

답변 대단히 감사합니다.ㅠ.ㅠ 그런데 하나 의문점이 있어서요.. name="juim_src[]" 명을 []을 써서 넣어줘야하나요? onclick=formMove("juim_prof[]","juim_src[]");여기서도 마찬가지고요.. 셀렉트박스가 어차피 반복이니(?) 이름만 써주면 안되는 건가요? 자세한 답변 좀 부탁드리겠습니다. 정말 감사합니다. 그리고 function sboxSort(boxIdObj, isValuesort) 셀렉트 박스에 적용하는 펑션은 어디에다가 적용을 시켜줘야하나요... 테이블안에는 적용된 곳이 보이지 않아서요..