Util オブジェクトがあるとします。これを行ったのは、簡単なhtmlコントロールだけでなく、datepickerとboostrapスイッチも使用しているため、手動で行う必要があるためです。私はすべての余分なコードを削除し、基本的に作業できるようにします。これにより、何をリセットするかを完全に制御できます。フォームではなく、contair 値を送信することもでき、<div>
テストされていないように動作すると思います。
-- 編集 -- Util.resetForm($("#myid")); のようにコンティナーを送信できます。form
それかそれ以外かを気にせずにspecial tag
これで始めることができます... onload メソッドで関数を使用するだけです
自分で試してみてください:http://jsfiddle.net/ncubica/DGMAC/
function reset(objectHTML) {
objectHTML.find("input, textarea,select").not("input[type=submit]").each(function (_index, _item) {
//field is going to evalute ?
if (typeof $(_item).attr("data-ignore") === "undefined") {
switch(_item.type){
case "text":
$(_item).val("");
break;
case "checkbox":
$(_item).removeAttr("checked");
break;
case "select":
$(_item).prop("selectedIndex", -1);
break;
}
}
});
};
$("#test").one("click",function(){
reset($("#myform"))
});
タグ data-ignore="ignore" を追加して、スクリプトが値をリセットしないようにすることができます。これは、一部の選択のインデックスを失いたくない場合に役立ちます。
select
何も選択せずにこのスクリプトを実行すると、すべてのタグが空白で表示されます。
//これはスイッチで改善できます..しかし、私はそれがどのように機能するかを示しているだけです..