Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 16:36:31990parcourir

Les exigences et le code sont les suivants :

"Voici mon code :"

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

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)
f2868a75e5cdc382115b70981808cb59Il 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>

Effet :



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

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