下記のようなリストボックスを対象に、上部の「クリック」をクリックすると「東京」「広島」を選択状態にするというようなことができたでしょうか?
<A HREF="#" onclick="sentaku">クリック</A>
<SELECT NAME="">
<OPTION>東京</OPTION>
<OPTION>大阪</OPTION>
<OPTION>広島</OPTION>
<OPTION>長崎</OPTION>
・・・・・・・・
</SELECT>
#できる・できないだけの断言回答も歓迎。
No.2ベストアンサー
- 回答日時:
<SCRIPT LANGUAGE="JavaScript">
function sentaku() {
window.document.form.aaa.options[0].selected = true;
window.document.form.aaa.options[1].selected = false;
window.document.form.aaa.options[2].selected = true;
window.document.form.aaa.options[3].selected = false;
}
</SCRIPT>
<form name="form">
<A HREF="#" onclick="sentaku()">クリック</A>
<SELECT NAME="aaa" size=5 multiple>
<OPTION>東京</OPTION>
<OPTION>大阪</OPTION>
<OPTION>広島</OPTION>
<OPTION>長崎</OPTION>
</SELECT>
</form>
こんな感じですか?
回答ありがとうございました。
サンプルが意図するものです。(^O^)
>options[3].selected = false;
質問時には、この辺を全然思い浮かべることができませんでした。 (^^;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FormのonsubmitでJavaスクリプ...
-
submitした値を返したい
-
タブキーでなくエンターキーで...
-
リンク先アドレスの一部にテキ...
-
javascriptでASPにデータを渡す
-
複数のフォームを一括で自動送...
-
指定したタグを書き換えるには?
-
onclickでリストボックスを複数...
-
別ウィンドウへのsubmitの挙動...
-
document.form.actionでの処理
-
フォームが空欄の時にフォーム...
-
return trueとreturn falseの用...
-
onchangeイベントを強制的に発...
-
Selectボックスの幅を自動で広...
-
javascriptでhiddenに二次元配...
-
ボタン2回押しを無効にしたい
-
【jQuery】input nameの文字列...
-
プルダウン選択を変更すると、...
-
javascriptでセレクトボックス...
-
ラジオボタンによるフォームの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FormのonsubmitでJavaスクリプ...
-
submitした値を返したい
-
javascriptでASPにデータを渡す
-
1つのform内に2つのsubmitボタ...
-
別ウィンドウへのsubmitの挙動...
-
複数のフォームを一括で自動送...
-
POST時に要素を削除してからPOST
-
iframe内のformをサブミットす...
-
focus()が上手くいかない
-
1つのページにformを2つ設置。2...
-
添付ファイルの未選択チェック方法
-
Chromeの document.getElementB...
-
1つのformで複数のactionをボタ...
-
C# 配列などの受け渡し
-
ENTERキーを無効にしたいのです...
-
フォームが空欄の時にフォーム...
-
別窓ウィンドウから親ウィンド...
-
submitボタン押下後、disabled...
-
Javascript IEで「識別子があり...
-
迅速なご回答ありがとうござい...
おすすめ情報