![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
JavaScriptについて質問です。
リストボックスA,B と プルダウンC
という画面項目があると仮定し、
submitボタンを押下したとき、
リストボックスA,Bの項目全てが全選択され、プルダウン項目はそのままにしたいと考えております。
下記のソースのように作成したのですが、
リストボックスが全選択されるところまでは良いのですが、
プルダウン項目が最後の項目が選択された状態になってしまいます。
リストボックスだけが全選択され、プルダウン項目はそのままにするにはどうしたら良いでしょうか。
かなり困ってます。
どなたか助けてください。。
以下ソースです。
<html>
<head>
<script language="JavaScript">
<!--
function selectAll(){
var str = document.getElementsByTagName("option");
for(i=0;i<str.length;i++){
str[i].selected = true;
}
}
//-->
</script>
</head>
<body>
<table>
<tr>
<td>
リストA<br>
<select name="listboxA" multiple>
<option value="サンプル1">サンプル1</option>
<option value="サンプル2">サンプル2</option>
<option value="サンプル3">サンプル3</option>
</select>
</td>
<td>
リストB<br>
<select name="listboxB" multiple>
<option value="サンプル4">サンプル4</option>
<option value="サンプル5">サンプル5</option>
<option value="サンプル6">サンプル6</option>
</select>
</td>
<td>
プルダウンC<br>
<select name="Pdown">
<option value="サンプル7">サンプル7</option>
<option value="サンプル8">サンプル8</option>
<option value="サンプル9">サンプル9</option>
</select>
</td>
</tr>
</table>
<br>
<input type=submit value="送信" onClick="selectAll()">
</body>
</html>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
function selectAll (select) {
var o = select.options;
var i, L;
for (i=0, L=o.length; i<L; ++i) {
options[i].selected = true;
}
}
function submitListener (form) {
selectAll(form.elements['listBoxA']);
selectAll(form.elements['listBoxB']);
}
<form action="#" onsubmit="submitListener(this);">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
日付リストボックスの制御について
-
以前の質問だと、どの条件でも...
-
プルダウンメニューを選択した...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの幅をプルダ...
-
複数のフォームを一括で送信す...
-
submitをボタン以外にするには
-
1つのformで複数のactionを実...
-
送信ボタン押下時に値が未入力...
-
<a href=**?***=***>をGET方式で
-
type="hidden"を使って時刻を送信
-
1アクションでPOST・GET、両方...
-
フォームに入力した値をURLに付...
-
動的にnema属性が変化する場合...
-
親ページからインラインフレー...
-
JavaScript の 「showDialog」
-
HTML mailto の使い方
-
javaScriptで検索結果の保持
-
CGI動作後に元のページに戻る方法
-
ブラウザのテキストボックスに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンの切り替えについて
-
プルダウンメニュー項目のフォ...
-
<SELECT>タグでの selected 状...
-
セレクトボックスの幅をプルダ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ設けて選...
-
セレクトボックスを切り替える...
-
jQuery要素の絞り込み + <selec...
-
複数のプルダウンの値をパラメ...
-
プルダウンを2つ以上並べる時に...
-
プルダウンメニューアイテムの...
-
HPビルダー9で、プルダウン形...
-
リストボックス全選択について
-
プルダウンメニューで、選択項...
-
複数のプルダウンからリンクす...
-
複数のプルダウンメニューの設...
-
子ウインドウを開く際、フォー...
-
VB6.0でコントロール配列の配列...
-
プルダウンでリンク先へいくと...
おすすめ情報