まずは、下の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で質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストボックス全選択について
-
セレクトボックスの値による入...
-
jQuery要素の絞り込み + <selec...
-
iMacのシェル内カーソル移動
-
複数のプルダウンの値をパラメ...
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニューを選択した...
-
プルダウンの切り替えについて
-
submitの処理の後別の画面を表...
-
checkboxを「変更不可」にでき...
-
input タグで「空白を含む変数...
-
mailtoについて
-
1アクションでPOST・GET、両方...
-
HTMLのフォームタグの送信順に...
-
リロード時にも<input type="re...
-
画像をボタンのようにフォーカ...
-
リンクをクリックした時にform...
-
送信ボタン押下時に値が未入力...
-
javasqliptで複数のテキストボ...
-
フォーム要素以外にもname属性...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
セレクトボックスを切り替える...
-
プルダウンメニューを選択した...
-
プルダウンメニューで、選択項...
-
switch文のswitch(n)の部分を複...
-
プルダウンメニュー項目のフォ...
-
プルダウンメニューアイテムの...
-
リストボックス全選択について
-
クリックすると下に項目が出て...
-
セレクトボックスの値による入...
-
HTMLのoptionタグ部分に画像を...
-
複数のプルダウンの値をパラメ...
-
Rails のコンボボックス(selec...
-
セレクトボックスを2つ設けて選...
-
<SELECT>タグでの selected 状...
-
プルダウンメニューでインライ...
-
セレクトボックスの幅をプルダ...
-
連動プルダウンのリンクについて
-
IE6とIE8のSELECTタグの11と31
-
<SELECT>の<option value="#">...
-
複数のプルダウンメニューの作...
おすすめ情報