ASPのプログラムの中に
Bというリストボックスの値を「追加」ボタンを押すとAのリストボックスに
追加できるようなスクリプトを作りたいのですが、
Request.Formで同ページにPOSTでsubmitして送っていたのですが
それだと何度も追加ができなくなってしまうので他のやり方にしたいのです。
いろいろ調べてVBScriptやJavaScriptでできるのではないかというのまでは
わかったのですが、どうもやり方がいまいちわかりません。
できればJavaScriptのほうでやりたいと思うのですがどなたか良い方法を
ご教授いただけないでしょうか。
よろしくおねがいします。
<select size="5" multiple name="A">
</select><input type="submit" value="追加"><select size="5" multiple name="B">
<option>AAAAA</option>
<option>BBBBB</option>
<option>CCCCC</option>
</select>
No.1
- 回答日時:
こんな感じで良い?
<script type="text/JavaScript">
function addItem() {
A = document.X.A;
B = document.X.B;
idx = B.selectedIndex;
if (idx != -1) {
A[A.options.length] = new Option(B[idx].text, B[idx].value);
}
}
</script>
<form name="X">
<select size="5" multiple name="A">
<option> </option> <!-- サイズをそろえるために、ダミーで空白を入れてます -->
</select>
<input type="button" value="追加" onClick="addItem()">
<select size="5" multiple name="B">
<option>AAAAA</option>
<option>BBBBB</option>
<option>CCCCC</option>
</select>
</form>
No.2ベストアンサー
- 回答日時:
こんにちはさん、xruzです。
multiple対応に変えてみました(a-kumaさんパクッてごめんなさい)。
<html>
<head>
<title></title>
</head>
<script type="text/JavaScript">
<!--
function addItem() {
A = document.X.A;
B = document.X.B;
for(var i=0;i<B.options.length;i++)
if(B.options[i].selected)
A[A.options.length] = new Option(B.options[i].text, B.options[i].value);
}
// -->
</script>
<body>
<form name="X">
<select size="5" multiple name="A">
<option></option>
</select>
<input type="button" value="Copy" onClick="addItem()">
<select size="5" multiple name="B">
<option>AAAAA</option>
<option>BBBBB</option>
<option>CCCCC</option>
</select>
</form>
</body>
</html>
がんばってくださいね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンメニュー項目のフォ...
-
プルダウンの切り替えについて
-
セレクトボックスを切り替える...
-
HPビルダー9で、プルダウン形...
-
jQuery if文の条件分岐 (。ノд...
-
<SELECT>タグでの selected 状...
-
プルダウンを2つ以上並べる時に...
-
複数のプルダウンからリンクす...
-
HTMLのoptionタグ部分に画像を...
-
送信ボタン押下時に値が未入力...
-
1アクションでPOST・GET、両方...
-
複数のフォームを一括で送信す...
-
submitをボタン以外にするには
-
submit時に違うページに飛びたい
-
<a href=**?***=***>をGET方式で
-
【html】)パスワード認証フォー...
-
子ウィンドウの操作
-
URL パラメータを使ってフォー...
-
リンクをクリックした時にform...
-
フォームの送信ボタンの位置
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの値による入...
-
セレクトボックスの幅をプルダ...
-
複数のプルダウンからリンクす...
-
プルダウンメニューでインライ...
-
<SELECT>タグでの selected 状...
-
クリックすると下に項目が出て...
-
セレクトボックスを切り替える...
-
前ページのリンクからフォーム...
-
プルダウンメニューアイテムの...
-
VB6.0でコントロール配列の配列...
-
jQuery if文の条件分岐 (。ノд...
-
リストボックス全選択について
-
プルダウンメニューで、選択項...
-
複数のプルダウンの値をパラメ...
-
プルダウンの切り替えについて
-
jQuery要素の絞り込み + <selec...
-
switch文のswitch(n)の部分を複...
-
プルダウンを2つ以上並べる時に...
おすすめ情報