リストボックス全選択について
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>
お礼
迅速なお返事ありがとうございます。 初心者の私にとってJOIN関数というものは目からうろこでした。早速試してみたいと思います。