드롭다운 목록을 왼쪽 테두리에서 right_javascript 스킬로 이동하는 예

document.getElementById("add").onclick = function(){
alert("hello"); >}

document.getElementById("add").onclick = function(){
alert("hello")
}

function toright() {
var firstElement = document.getElementById("first")
var secondElement = document.getElementById("second");
var firstoptionElement = firstElement.getElementsByTagName("option")
var len = firstoptionElement.length; ;len;i ){
if(firstElement.selectedIndex != -1){ //selectedIndex는 select의 속성입니다
secondElement.appendChild(firstoptionElement[firstElement.selectedIndex])
}
}
}
//모두 오른쪽으로 이동
function allright(){
var firstElement = document.getElementById("first")
var secondElement = document.getElementById("second ");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = firstoptionElement.length;
for(var i=0;isecondElement. appendChild(firstoptionElement[0]);//옵션 옵션 선택 시 인덱스는 0
}
}
//더블클릭하면 오른쪽으로 이동
function db(){
/* //방법 1
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("second")
var firstoptionElement = firstElement.getElementsByTagName(" option");
var len = firstoptionElement.length;
for(var i=0;i< len;i ){
if(firstElement.selectedIndex != -1){ //selectedIndex는 select 속성
secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
} * /
//방법 2
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("second");
secondElement.appendChild(firstElement[firstElement.selectedIndex ])
}

>

<테이블 너비="285" height="169" border="0" align="left">


<이름="첫 번째" 크기= "10" multiple="multiple" id="first" ondblclick="db()">
<옵션 1 2">옵션 2
옵션 3옵션>
옵션 4옵션>
옵션 5
옵션 6
td>






<옵션 값="옵션 8">옵션 8