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>

このQ&Aに関連する最新のQ&A

A 回答 (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>

がんばってくださいね。
    • good
    • 0
この回答へのお礼

ありがとうございます。
ばっちりできました。m(_ _)m

お礼日時:2001/11/21 16:22

こんな感じで良い?



<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>
    • good
    • 0
この回答へのお礼

ありがとうございます。

JavaScriptでするときは複数選択したときには
無理だと考えたほうがいいんでしょうか・・・。

お礼日時:2001/11/21 15:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q

HTML の <FORM> の

<SELECT>
<OPTION VALUE="11">AAA</OPTION>

の<OPTION >を JavaScript で設定しようと考えています。

方法ご存知の方いらっしゃいましたら、御教授願います。

また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。


よろしくお願い致します。

Aベストアンサー

> の<OPTION >を JavaScript で設定しようと考えています。

例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属性 value に対応します。

> また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。

私は、本家のページ(→参考URL)を良く見ます。

参考URL:http://developer.netscape.com/docs/manuals/communicator/jsref/index.htm

> の<OPTION >を JavaScript で設定しようと考えています。

例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属...続きを読む

QjQuery要素 + タグの追加

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.7");</script>
<script type="text/javascript">

$(function() {
$("#tags span").click(function() {
var tags = $(this).attr('id');
$("#tags span").removeClass('select');
$(this).addClass('select');
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<div id="tags">
<span class="select"><button>全て</button></span>
<span id="dogs"><button>イヌ</button></span>
<span id="cats"><button>ネコ</button></span>
<span id="birds"><button>トリ</button></span>
</div>

<div id="animal">
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog1.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird2.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat3.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat4.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird4.jpg"/alt="写真" width="250" height="188"></div>
</div>

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/...続きを読む

Aベストアンサー

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option valu...続きを読む

QjQuery要素の絞り込み + タグの追加 + ソート機能

jQuery要素の絞り込みボタンを<select></select>タグにしたいです。

下記のindex.html の種類のボタンに、select button.html の機能を追加したいですが

どなたかわかる方がいましたら教えて下さい

http://xfs.jp/tdevx

Aベストアンサー

移植すれば良いだけでは?

JavaScript:
$(function() {
$("#selects").change(function() {
var tags = $("#selects option:selected").val();
$("#sortwrapper").children().hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .tri").show();
} else {
$("#sortwrapper").children().hide();
}
});
});

HTML:
<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

プルダウンの中にボタンを入れたい訳ではありませんよね

移植すれば良いだけでは?

JavaScript:
$(function() {
$("#selects").change(function() {
var tags = $("#selects option:selected").val();
$("#sortwrapper").children().hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .tri").show();
} else {
$("#sortwrapper").children().hide();
}
});
});

HTML:
<select id="selects">
<option value="all">全て</option>
<optio...続きを読む

Qjquery での