プロが教えるわが家の防犯対策術!

パソコンの初心者です。質問内容がおかしかったらごめんなさい。
選択メニューのフィールドをmultipleにして、javascriptであらかじめ指定した数だけ選択したいのですが、どなたかわかりませんでしょうか?
javascriptでoptionのselectedを複数使っても結局最後にセレクトしたものが選択されてしまいます。
なんかよい方法ありませんでしょうか?

A 回答 (2件)

下記のソースを試してみて下さい。



---------- この下から ----------
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function PushButton(sel) {
for (i = 0; i < sel.options.length; i++) {
if (sel.options[i].selected) {
sel.options[i].selected = false;
} else {
sel.options[i].selected = true;
}
}
}
-->
</SCRIPT>
</HEAD>

<BODY>

<FORM>
<SELECT multiple name="sel" size=5>
<OPTION value="1" selected>1
<OPTION value="2">2
<OPTION value="3" selected>3
<OPTION value="4">4
<OPTION value="5" selected>5
</SELECT>
<INPUT type="button" value="push" OnClick="PushButton(sel)">
</FORM>

</BODY>
</HTML>
---------- この上まで ----------
    • good
    • 0

こんにちは。

itohhといいます。

コードはこんなとこでしょう。

でも、もしかしたら、表示後にマウスでクリックしたときのことを言ってますか?
複数選択したい場合は、
  (1)1つずつ選択する場合、Ctrlキーを押したまま、マウスクリック。
  (2)いっぺんに選択したい場合は、Shiftキーを押したまま、マウスクリック。
です。

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function InitSelected() {
document.MyForm.sel.options[0].selected = false;
document.MyForm.sel.options[1].selected = true;
document.MyForm.sel.options[2].selected = false;
document.MyForm.sel.options[3].selected = true;
document.MyForm.sel.options[4].selected = false;
}
-->
</SCRIPT>

</HEAD>

<BODY onload="InitSelected()">
<FORM name="MyForm" onload="InitSelected()">
<SELECT multiple name="sel" size=5>
<OPTION value="1">あいうえお
<OPTION value="2">かきくけこ
<OPTION value="3">さしすせそ
<OPTION value="4">たちつてと
<OPTION value="5">なにぬねの
</SELECT>
</FORM>

</BODY>
</HTML>
    • good
    • 0

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