ホームページ > ウェブフロントエンド > jsチュートリアル > JSドロップダウンボックスの左右移動効果の具体的な実装 content_javascriptスキル

JSドロップダウンボックスの左右移動効果の具体的な実装 content_javascriptスキル

WBOY
リリース: 2016-05-16 17:29:22
オリジナル
1116 人が閲覧しました
コードをコピー コードは次のとおりです:



< ;TITLE>ドロップダウン メニューを選択




1 つ以上の項目を選択し、[追加] または [削除] をクリックします ( Shift キーまたは Ctrl キーを押しながら複数の項目を選択するか、選択項目をダブルクリックして追加および削除します。


<フォームメソッド="post" name="myform">





< ;td>
















値:

<スクリプト言語 ="JavaScript">
function moveOption(e1, e2 ){
try{
for(var i=0;iif(e1.options[i].selected){
var e = e1 .options[i];
e2.options.add(new Option(e.text, e.value));
e1.remove( i);
ii=i-1
}
}
document.myform.city.value=getvalue(document.myform.list2);
}
catch(e) {}
}
function getvalue(geto){
var allvalue = "";
for(var i=0;iallvalue = geto.options[i].value ",";
}
return allvalue;
}
function changepos(obj,index)
{
if(index==-1 ){
if (obj.selectedIndex>0){
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))
}
}
else if(index==1){
if (obj .selectedIndexobj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex 1) )
}
}
}



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