communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Exemple de code pour transmettre la valeur par défaut à l'aide des compétences js_javascript

Exemple de code pour transmettre la valeur par défaut à l'aide des compétences js_javascript

WBOY
Libérer： 2016-05-16 16:36:31
original
1063 Les gens l'ont consulté

Les exigences et le code sont les suivants :

"Voici mon code :"

<input type="text" id="price2" value="333"/>
<input type="text" id="trueprice" value="" />
Copier après la connexion
<script type="text/javascript">
document.getElementById("price2").onkeyup = function() {
document.getElementById("trueprice").value = this.value;
}
</script>
Copier après la connexion

Question : lorsque vous ouvrez cette page maintenant, la valeur de trueprice est vide par défaut. Comment pouvez-vous rendre trueprice identique à price2 lorsque vous ouvrez cette page par défaut ? (price2 est une valeur dynamique)
Il est corrigé et ne peut pas être modifié

Une de mes implémentations simples : 

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8">

<title>Test</title>

</head>

<body>

<input type="text" id="price2" value="333" onkeyup="test(this.value);"/>

<input type="text" id="trueprice" value="" />

<script type="text/javascript">

var price2 = document.getElementById("price2").value;

document.getElementById("trueprice").value = price2;

function test (defaultVal) {

document.getElementById("trueprice").value = defaultVal;

}

</script>

</body>

</html>
Copier après la connexion

Effet :



Le contenu saisi dans la première zone de texte peut être synchronisé avec la deuxième zone de texte

Étiquettes associées：
传递 默认值
source：php.cn
Article précédent：Solution à l'échec de la barre de défilement intégrée de la grille Extjs panel_extjs Article suivant：Solution au problème selon lequel la fonction javascript trim ne peut pas être utilisée dans IE_jquery
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
Derniers articles par auteur
Derniers numéros
MySqlConnector : classe MySqlBulkLoader. Télécharger des données vides du CSV vers la table MySQL À partir de la classe MySqlConnector.MySQLBulkLoader, je souhaite convertir un fichier CSV...
Depuis 2024-04-06 14:35:18
0
1
527
Possibilité de stocker le code ASP Classic sous forme de chaîne dans la base de données MYSQL Est-il possible de stocker du code asp classic dans une base de données MySQL et de lui fa...
Depuis 2024-04-06 13:38:43
0
1
358
Vite/Vue 3 : "Exigence non définie" lors de l'utilisation de la source d'image comme accessoire Je suis passé de VueCLI à ViteCLI et de CompositionAPI de Vue3 à SFCScriptsetupAPI. Commen...
Depuis 2024-04-06 09:50:25
0
1
353
La requête POST fonctionne correctement lors de l'utilisation de Postman mais pas lors de l'utilisation de React axios et du backend Spring Boot Depuis la console de réaction, j'obtiens un message d'erreur "Impossible de charger l...
Depuis 2024-04-05 13:07:01
0
1
396
Confus lors de l'envoi de données d'image binaire (jpg) au backend AWS Lambda via AWS API Gateway Toutes mes excuses par avance s'il me manque quelque chose de simple ! J'ai envoyé avec su...
Depuis 2024-04-05 13:09:55
0
1
389
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal