ホームページ  >  記事  >  ウェブフロントエンド  >  jquery を使用して入力フィールド全体をクリアおよびリセットする_jquery

jquery を使用して入力フィールド全体をクリアおよびリセットする_jquery

WBOY
WBOYオリジナル
2016-05-16 16:06:001785ブラウズ

Web 開発では、すべての入力ボックスをリセットするという状況によく遭遇します。
たとえば、クエリを実行する場合、すべての入力ボックスに入力したテキストをクリアするための「リセット」ボタンがユーザーに提供されます。
このとき、jqueryを使うとデータを一律にクリア(リセット)することができます。

// 复位查询条件输入域
function restInputArea(div_id){
  // 清空文本框
  $("#"+div_id).find('input[type="text"]').each(function(){
    $(this).val("");
  });
  // 复位下拉菜单
  $("#"+div_id).find('select').each(function(){
    $(this).find('option:first-child').attr('selected',"selected");
  });
};

上記のコードは、jquery セレクターを使用して入力ボックス全体の親要素を取得し、find を使用してすべての入力を検索し、要素の下にある入力ボックスを選択します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。