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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:06:001844Durchsuche

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");
  });
};

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.

Stellungnahme:
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