ホームページ > 記事 > ウェブフロントエンド > jquery を使用して入力フィールド全体をクリアおよびリセットする_jquery
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 を使用してすべての入力を検索し、要素の下にある入力ボックスを選択します。