重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

リストボックス全選択について

締切済

  • 質問者：aammsuut
  • 質問日時：
  • 回答数：1件

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

  • 回答者： yuu_x
  • 回答日時：

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);">
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報