ヤッチーのブログ

PHP,Bootstrap,J Query,Swiftやサーバ管理、トラウトのルアー釣り、ハードロック等の記録です

jquery ドラッグアンドドロップ

f:id:php-7com:20191210181214j:plain

Jqueryで要素をドラッグアンドドロップする処理です。

デモ

デモサイトの 要素 No.1 ~No.5 を下のテキストボックスにドラッグアンドドロップして、送信ボタンで値を引き渡すという処理のサンプルです。

セレクトボックスで選択させるのも野暮ったいし、値を直接テキストボックスに入力させるのは尚更NG というときに、ドラッグアンドドロップさせたいのですが、本来WEBシステムでは苦手な処理だと思いますが、Jquery UI で割と仕組みを作りやすくなったんですね!

これは行けるね!