まずは、下のHTMLをご覧ください。
-------------------------------------------------
<HTML>
<HEAD><TITLE>TEST</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function defaultSet()
{
// ここで初期値(ITEM01)に戻す処理。
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="FR01">
<SELECT NAME="p_youto" SIZE="1">
<option>ITEM01</option>
<option>ITEM02</option>
<option>ITEM03</option>
<option>ITEM04</option>
<option>ITEM05</option>
<option>ITEM06</option>
<option>ITEM07</option>
</SELECT><INPUT TYPE="BUTTON" NAME="B1" VALUE="初期値に設定" ONCLICK="defaultSet()">
</FORM>
</BODY>
</HTML>
-------------------------------------------------
このHTMLファイルを起動しますと、選択ボックスとボタンが
表示されます。そしてボタンを押されたときに、JavaScriptの処理で
データの並び&表示を初期値の状態(一番上がITEM01で、一番下が
ITEM02)にし、なおかつテキスト表示される部分には"ITEM01"を表示するようにしたいのですが、
JAVASCRIPTをどのように処理させればよろしいでしょうか?
No.1ベストアンサー
- 回答日時:
まず、「テキスト表示される部分には"ITEM01"を表示する」には、
function defaultSet()
{
// ここで初期値(ITEM01)に戻す処理。
document.FR01.p_youto.selectedIndex = 0;
}
でいけます。
問題は「データの並び&表示を初期値の状態(一番上がITEM01で、一番下がITEM02)にし」と言う部分ですが、「一番下がITEM07」のタイプミスと判断してよいでしょうか。selectは何か項目を選択しても並び順が変わるわけではないので、何も考えなくてよいのではないでしょうか。
そうですね。確かに並び順は関係ないようでした。
自分でもselectIndexで試したところ、テキスト部分が
正常に表示されました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<tr>指定した表の行要素をボ...
-
初心者です。gulpでコンパイル...
-
前回の質問の続き function mov...
-
前回の質問の続き function mou...
-
このプログラムに王様の逃げ道...
-
スマホ上で、左右スワイプで次...
-
その要素がjQueryでremove()済...
-
ローディングアニメーションの...
-
食材の期限を管理するためにGAS...
-
このプログラムに、王手をかけ...
-
ビデオのJSについて
-
鍵盤アプリで、スマホの画面に...
-
<div>のタッチ状態を維持したま...
-
jQueryでシンセサイザーを作っ...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
VB6.0でコントロール配列の配列...
-
<SELECT>タグでの selected 状...
-
プルダウンを2つ以上並べる時に...
-
セレクトボックスを切り替える...
-
プルダウンメニューで、選択項...
-
セレクトボックスの幅をプルダ...
-
以前の質問だと、どの条件でも...
-
2つの<select>フォームの完全...
-
セレクトボックスを2つ設けて選...
-
リストボックスについて
-
プルダウンメニューアイテムの...
-
HPビルダー9で、プルダウン形...
-
プルダウンメニュー項目のフォ...
-
前ページのリンクからフォーム...
-
複数のプルダウンの値をパラメ...
-
セレクトボックスの値による入...
-
プルダウンのリンクについて
-
HB9のリストボックスにリンク
-
iMacのシェル内カーソル移動
おすすめ情報