![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ページを開いたときは、全てのselect部分ではデフォルトが表示されます。
選択後にブラウザを更新させずに、全てをデフォルトに戻すためには
どのようにしたらよいのでしょうか。
html側でselected="selected"とする方法がありますが、
ブラウザによって対応していなかったりしたので、他に確実な方法を知りたいです。
よろしくお願いします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>全てのselectをデフォルトにする</title>
</head>
<body>
<form>
<select name="s0" onclick="f(this.form)">
<option value="デフォルト" selected="selected">デフォルト</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<select name="s1" onclick="f(this.form)">
<option value="デフォルト" selected="selected">デフォルト</option>
<option value="あ">あ</option>
<option value="い">い</option>
</select>
<select name="s2" onclick="f(this.form)">
<option value="デフォルト" selected="selected">デフォルト</option>
<option value="a">a</option>
<option value="b">b</option>
</select>
</form>
<script>
function f(fff){
var aaa = []
var fel;
var sl = document.getElementsByTagName('select').length;
for(i=0; i<sl; i++){
fel = fff.elements["s"+i];
//デフォルトかそうでないかをdefaultSelectedで判断
aaa[i] = fel.options[fel.selectedIndex].defaultSelected;
if( aaa[i] == false ){
//false(=デフォルトでない)場合はデフォルトに戻す
aaa[i] = true;
}
//戻り値をかえして全てをデフォルトにする
return aaa[i];
}
}
</script>
</body>
</html>
No.2ベストアンサー
- 回答日時:
まずデフォルトとはなにかという定義が必要
たんに各セレクトボックスの最初のoptionであれば
selectedIndexを0にするだけ。
<form>
<select name="s0" onclick="f(this)">
<option value="デフォルト" selected="selected">デフォルト</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<select name="s1" onclick="f(this)">
<option value="デフォルト" selected="selected">デフォルト</option>
<option value="あ">あ</option>
<option value="い">い</option>
</select>
<select name="s2" onclick="f(this)">
<option value="デフォルト" selected="selected">デフォルト</option>
<option value="a">a</option>
<option value="b">b</option>
</select>
</form>
<script>
function f(obj){
var f=obj.form;
for(var i=0; i<f.length; i++){
if(f[i].type=="select-one" && f[i]!=obj) f[i].selectedIndex=0;
}
}
</script>
No.1
- 回答日時:
フォームをリセットしてしまえばよろしいかと思います。
a) FORM に resetボタンを追加する。(そのボタンを押したときにリセット)
<input type="reset" value="全部リセットしちゃうよ" />
あるいは、
b) javaScriptからresetメソッドを呼ぶ(呼ぶとリセット)
document.form.reset();
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
初めて自分の家と他人の家が違う、と意識した時
子供の頃、友達の家に行くと「なんか自分の家と匂いが違うな?」って思いませんでしたか?
-
html selectの内容を初期値に戻す
JavaScript
-
プルダウン選択を変更すると、変更する前に戻るJavaScript
JavaScript
-
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
-
4
セレクトメニューで2つの項目や値を渡す方法はありますか?
HTML・CSS
-
5
一覧から選択した行の行番号を取得について
JavaScript
-
6
【jQuery】input nameの文字列を変数を使い動的にする方法
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript:データを日本語で...
-
同じ名前のセレクトがある場合...
-
今日の日付を自動的にセレクト...
-
まったく同じ<select>フォーム...
-
全てのselect要素をデフォルト...
-
プルダウン選択を変更すると、...
-
JavaScriptで<select>の<option...
-
【JavaScriptで】セレクトボッ...
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
-
ハイパーリンクを別ウインドウ...
-
ページ間で変数を保持したい
-
特定<table>内の<td>の色を変える
-
【jsp/Java】チェックボックス...
-
tabindexの取得
-
onchangeイベントを強制的に発...
-
innerHTML内では改行は禁止?
-
文字数を数える際に空白、改行...
-
submitするとなぜか2度実行する
-
jsで質問です。 ボタンが二つ存...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
javascriptでセレクトボックス...
-
<input>の選択肢をプルダウンメ...
-
select要素のvalueを配列で取得...
-
複数のプルダウンを1つにまとめ...
-
ラジオボタンとプルダウンを連...
-
同じ名前のセレクトがある場合...
-
Selectボックスの一覧表示方法
-
VBScriptでHTMLのセレクトボッ...
-
全てのselect要素をデフォルト...
-
JavaScriptで<select>の<option...
-
リストボックス内の重複したも...
-
【javascript】連想配列からセ...
-
プルダウンの値によって活性・...
-
ラジオボタンの選択に応じてプ...
-
<select> をmultiple にしてい...
-
プルダウンで選択した項目にあ...
-
スマホのフォームでのselect複...
-
webページの一部のみの更新につ...
おすすめ情報