ドロップダウン リストの選択を左枠から right_javascript スキルに移動する例

ページがロードされていないときに次のステートメントを呼び出すと、「add」オブジェクトを取得できず、プロンプトが空であるかオブジェクトではありません

Copy code コードは次のとおりです。

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("first");
var firstoptionElement = firstElementsByTagName("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("first") ");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = firstoptionElement.length;
for(var i=0;isecondElement. appendChild(firstoptionElement[0]);//オプションoptionが選択されている場合、インデックスは0です
}
}
//ダブルクリックして右に移動
function db(){
/* //メソッド 1
var firstElement = document.getElementById("first");
var firstElement = document.getElementById("first"); 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("first");
SecondElement.appendChild(firstElement[firstElement.selectedIndex ])
}


<🎜; >
height="169" border="0" align="left">


<オプション値="1">オプション 1
<オプション値=" 2">オプション 2
オプション 3
オプション 4
<オプション値="5">オプション 5
<オプション値="6">オプション 6
td>





オプション 8