Der Inhalt dieser Seite wurde von der Community übersetzt, jedoch wird er nicht mehr aktiv gepflegt und kann daher veraltet sein. Wenn du mithelfen möchtest, kannst du hier herausfinden wie deaktivierte Übersetzung reaktiviert werden.

HTMLInputElement.select()

Die HTMLInputElement.select() Methode selektiert den gesamten Text innerhalb eines <textarea> (en-US) oder innerhalb eines <input> Elements welches ein Textfeld enthält.

Syntax

element.select();

Beispiel

Klick in diesem Beispiel auf den Button um den gesamten Text innerhalb des <input> Elements zu selektieren.

HTML

<input type="text" id="text-box" size="20" value="Hallo Welt!">
<button onclick="selectText()">Text auswählen</button>

JavaScript

function selectText() {
  const input = document.getElementById('text-box');
  input.focus();
  input.select();
}

Ergebnis

Anmerkungen

Die Methode element.select() fokussiert den Input nicht zwingend, weshalb es oft zusammen mit HTMLElement.focus() (en-US) verwendet wird.

In Browsern in denen es nicht unterstützt wird ist es möglich es mit HTMLInputElement.setSelectionRange() (mit den Parametern 0 und der Länge des Werts des Inputs) zu ersetzen.

<input onClick="this.select();" value="Beispieltext" />
<!-- gleichbedeutend mit -->
<input onClick="this.setSelectionRange(0, this.value.length);" value="Beispieltext" />

Spezifikationen

Spezifikation Status Kommentar
HTML Living Standard
Die Definition von 'select' in dieser Spezifikation.		 Lebender Standard

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch