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

페이지가 로드되지 않은 상태에서 다음 문을 호출하면 "add" 개체를 얻을 수 없으며 프롬프트가 비어 있거나 개체가 아닙니다

코드 복사 코드는 다음과 같습니다.

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

사용 시 사용 가능한 객체

코드 복사 코드는 다음과 같습니다. 🎜>

window.onload = function(){

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

코드 복사 코드는 다음과 같습니다. < ;script type="text/javascript">

//선택한 항목이 왼쪽에서 오른쪽으로 이동합니다

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