ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript は、左右に移動する 2 つの選択ドロップダウン ボックス オプションを実装します。

JavaScript は、左右に移動する 2 つの選択ドロップダウン ボックス オプションを実装します。

不言
リリース: 2018-03-30 11:20:23
オリジナル
2096 人が閲覧しました

この記事では、2 つの選択ドロップダウン ボックスのオプションの左右の移動を実現する JavaScript コードを紹介します。興味のある学生はこの記事を参照してください。

今日は何もすることがないので、2 つの選択ドロップダウン ボックスを使用する js を書きました。ボックスを押して要素を相互に移動します。私は小さなプログラムの JavaScript を学び始めたばかりですが、最適化の余地がまだたくさんあります。

JavaScriptコード

上記は JavaScript コードで、以下は HTML と CSS コードです。
コードは次のとおりです

HTMLコード

コードは以下の通りです

なしタイトルドキュメント

.select_move { margin:0px auto; width:206px; margin-top:300px;}

{ float; :left;}

.select_move_2 { float:left;}

.select_move_3 { float:left;}

< ; pclass = "select_move"&gt;

; optionValue = "bmw"&gt; bmw&lt; optionvalue = "cadillac"&gt; cadillac&lt;/option&gt;

>


」 「moveAll()」 />


;selectsize="10 "id="secend"multiple="multiple">

関連する推奨事項:

JavaScript を使用して左右に移動する 2 つの選択ドロップダウン ボックス オプションを実装するサンプル コード共有

以上がJavaScript は、左右に移動する 2 つの選択ドロップダウン ボックス オプションを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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