Heim > Web-Frontend > Layui-Tutorial > So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

爱喝马黛茶的安东尼
Freigeben: 2019-07-11 15:26:46
Original
22430 Leute haben es durchsucht

Wir erstellen zunächst eine Eingabe und der Stilname lautet „layui-input“. Dann besteht der Schlüssel darin, einen ID-Wert hinzuzufügen.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Dann fügen Sie eine Schaltfläche mit einem Onclick-Ereignis hinzu, um das Abrufen des Werts auszulösen.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Definieren Sie im Skriptcode eine Funktion, die ausgelöst wird, wenn auf die Schaltfläche geklickt wird.

Wir können document.getElementById verwenden, um das Eingabefeld abzurufen, und der Parameter ist der ID-Wert des Eingabefelds.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Nachdem das Eingabefeld abgerufen wurde, können Sie dessen Wertattribut verwenden, um den Wert des Eingabefelds abzurufen. Code: input.value

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Verwandte Empfehlungen: „Layui-Framework-Tutorial

Verwenden Sie dann die einfache Benachrichtigungsmethode, um Popup- und Holen Sie sich den Wert.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Öffnen Sie die Seite und Sie sehen Eingabefelder und Schaltflächen.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Geben Sie den Wert in das Eingabefeld ein und klicken Sie auf die Schaltfläche unten.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Nach dem Klicken können wir sehen, dass der Wert dieses Eingabefelds erfolgreich abgerufen wurde.

So erhalten Sie den Wert des Eingabefelds in der Laui-Liste

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert des Eingabefelds in der Laui-Liste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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