【jQuery】複数選択可の選択ボックス

複数選択可能な選択ボックスです。

See the Pen 190702_選択ボックス by nekuta (@nekuta) on CodePen.

ボタンがクリックされたらセレクトボックスで選択されているoptionのvalueとテキストを配列に入れる

ボタンがクリックされた時にそれが$selectboxRemoveBtnか、$selectboxAddBtnかで変数を変更しています。

配列に格納するのは、複数選択された時のためです。

選択されたoptionを削除し、反対側のselectにoptionを入れ込む

先ほど格納した配列selectArrayの個数分処理をまわします。
引数のappendとremoveは、変数actionがremove、またはaddで振り分けています。

  • コーダーのための計算機