ホームページ > ウェブフロントエンド > jsチュートリアル > ドロップダウン リストの選択を左枠から right_javascript スキルに移動する例

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

WBOY
リリース: 2016-05-16 17:10:46
オリジナル
1344 人が閲覧しました

ページがロードされていないときに次のステートメントを呼び出すと、「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">

td>











ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート