Heim > Web-Frontend > js-Tutorial > Verwenden Sie jquery, um das gesamte Eingabefeld_jquery zu löschen und zurückzusetzen

Verwenden Sie jquery, um das gesamte Eingabefeld_jquery zu löschen und zurückzusetzen

WBOY
Freigeben: 2016-05-16 16:06:00
Original
1803 Leute haben es durchsucht

Bei der Webentwicklung kommt es häufig vor, dass alle Eingabefelder zurückgesetzt werden.
Beispielsweise wird dem Benutzer bei einer Abfrage ein „Zurücksetzen“-Button zur Verfügung gestellt, um den eingegebenen Text in allen Eingabefeldern zu löschen.
Zu diesem Zeitpunkt kann jquery verwendet werden, um die Daten einheitlich zu löschen (zurückzusetzen).

// 复位查询条件输入域
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");
  });
};
Nach dem Login kopieren

Der obige Code verwendet den Jquery-Selektor, um das übergeordnete Element des gesamten Eingabefelds abzurufen, und verwendet find, um alle Eingaben zu finden und Eingabefelder unter dem Element auszuwählen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage