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

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼original
2019-07-11 15:26:4622437parcourir

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!

Déclaration:
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