スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加

[javascript]子要素にあるselectを全てリセット

select要素を初期化するためには次の様に指定します。
//インデックスを0に戻す
document.Form名.Select名.selectedIndex = 0


これを利用して全ての子selectを初期化するには次の様にします。
//引数に指定した要素の小要素全てを探索し、selectのselectedIndexを0にする
function clearChild_Text (element)
{
select_childs = element.getElementsByTagName("select");
for (var i=0;i < select_childs.length;i++)
{
select_childs[i].selectedIndex = 0;
}
}

次のようなHTMLに対して行うと、選択された内容をリセットして空選択へ戻ります。
(一番頭の選択要素を選択する)



<select name="hoge">
<option value=""></option>
<option value="A">A</option>
<option value="B">B</option>
</select>


<input type="button" name="clearbutton" value="クリア" onclick="clearChild_Text(document.clear_element);" />


参考URL:プルダウンをクリア
このエントリーをはてなブックマークに追加

tag : javascript select リセット 初期化 initalize reset selectedindex 0

コメントの投稿

非公開コメント

Translation


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
プロフィール

チーズくん

Author:チーズくん
個人的メモをただ羅列しています。
twitter:@cheese1038

バロメーター
最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。