CSV出力を画面から選択したデータ項目のみを出力させたいです。

添付画像の様な画面を作成したのですがこの画面で選択したデータ項目のみをCSVファイルとして出力したいのですがどうすればいいのか、まったく思いつきません。

No.1 回答者： Ogre7077 回答日時： 2024/01/10 11:44

HTML と JS を使ったウェブ画面の質問でよろしいでしょうか?

選択肢は <select multiple size=項目数> を横に二つ並べて表示
https://developer.mozilla.org/ja/docs/Web/HTML/E …

左右移動は、移動元を selectedOptions で列挙して、移動先に add で操作
https://developer.mozilla.org/ja/docs/Web/API/HT …
https://developer.mozilla.org/ja/docs/Web/API/HT …
例)
Array.from(移動元.selectedOptions).forEach(o => 移動先.add(o));

出力は options で列挙して配列に落としこみ
https://developer.mozilla.org/ja/docs/Web/API/HT …
例)
対象項目の配列 = Array.from(対象項目.options).map(o => o.value);
対象項目の羅列 = 対象項目の配列.join(",");

ファイル出力が
サーバー側処理なら、羅列をフォームに含めて送信
クライアント側処理なら、配列をファイル作成処理に渡す