..............................
new Option()
☞ 사용예)
form1.sel1.options[i]=new Option("레이블","값",true,true)
Option() 함수에서 인수는 각각 text속성값,value속성값,??(모름),기본선택여부
+++++++++++++++++++++++++++++++++++++++++++++++++++++
소스
+++++++++++++++++++++++++++++++++++++++++++++++++++++
<script language="javascript">
function fillSel1(){ // 로딩이 되면 항목A에 항목을 추가하는 함수
for(i=0;i<11;i++){
form1.sel1.options[i]=new Option(2,1,true,true) // 1부터 10까지의 숫자를 각각 추가함
} // Option() 함수에서 인수는 각각 text속성값,value속성값,??(모름),기본선택여부
}
function add(){ // 항목A에서 항목B로 이동시키는 함수
num = form1.sel2.length // 항목A의 전체 갯수를 구함
if(form1.sel1.selectedIndex >= 0){
v = form1.sel1.options[form1.sel1.selectedIndex].value; // 선택된 항목의 value 속성값
t = form1.sel1.options[form1.sel1.selectedIndex].text; // 선택된 항목의 text 속성값
form1.sel2.options[num]=new Option(t,v,true,true); // 항목B에 추가
form1.sel1.options[form1.sel1.selectedIndex]=null; // 항목A에서 삭제
}
}
function del(){ // 항목B에서 항목A로 이동시키는 함수
num = form1.sel1.length
if(form1.sel2.selectedIndex >= 0){
v = form1.sel2.options[form1.sel2.selectedIndex].value;
t = form1.sel2.options[form1.sel2.selectedIndex].text;
form1.sel1.options[num]=new Option(t,v,true,true);
form1.sel2.options[form1.sel2.selectedIndex]=null;
}
}
function move(sendSel,getSel){ // 모든 항목을 이동시키는 함수
num = sendSel.length
for(i=0;i<num;i++){
v = sendSel.options[0].value;
t = sendSel.options[0].text;
getSel.options[getSel.length] = new Option(t,v,true,true);
sendSel.options[0] = null;
}
}
</script>
<body onLoad=fillSel1()>
<form name=form1>
<table>
<tr>
<td width="70" align="center">
<select name=sel1 size=11>
</select><br> <br> 항목A
</td>
<td valign="middle">
<input type=button value=">" onclick="add()"><br>
<input type=button value=">>" onclick="move(form1.sel1,form1.sel2)">
<br>
<input type=button value="<" onclick="del()"><br>
<input type=button value="<<" onclick="move(form1.sel2,form1.sel1)">
</td>
<td width="70" align="center">
<select name=sel2 size=11>
</select><br> <br> 항목B
</td>
</tr>
</table>
</form>
[▶추천하기]
|
