Maison > interface Web > Tutoriel Layui > Comment obtenir la valeur de la zone de saisie dans la liste layui

Comment obtenir la valeur de la zone de saisie dans la liste layui

爱喝马黛茶的安东尼
Libérer: 2019-07-11 15:26:46
original
22420 Les gens l'ont consulté

Nous créons d’abord une entrée, et le nom du style est layui-input. Ensuite, la clé est d’y ajouter une valeur d’identification.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Ajoutez ensuite un bouton avec un événement onclick pour déclencher l'obtention de la valeur.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Dans le code du script, définissez une fonction qui se déclenche lorsque vous cliquez sur le bouton.

Nous pouvons utiliser document.getElementById pour obtenir la zone de saisie, et le paramètre est la valeur d'identification de la zone de saisie.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Une fois la zone de saisie obtenue, vous pouvez utiliser son attribut value pour obtenir la valeur de la zone de saisie. Code : input.value

Comment obtenir la valeur de la zone de saisie dans la liste layui

Recommandations associées : "Tutoriel du framework layui"

Utilisez ensuite la méthode d'alerte simple pour apparaître et obtenir la valeur.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Ouvrez la page et vous pourrez voir les zones de saisie et les boutons.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Entrez la valeur dans la zone de saisie et cliquez sur le bouton ci-dessous.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Après avoir cliqué, nous pouvons voir que la valeur de cette zone de saisie a été obtenue avec succès.

Comment obtenir la valeur de la zone de saisie dans la liste layui

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal