Maison > interface Web > Questions et réponses frontales > Comment remplacer la valeur sélectionnée d'une zone de texte par javascript

Comment remplacer la valeur sélectionnée d'une zone de texte par javascript

WBOY
Libérer: 2022-01-12 16:09:29
original
2857 Les gens l'ont consulté

En JavaScript, vous pouvez utiliser l'attribut value pour remplacer la valeur sélectionnée dans la zone de texte. Cet attribut peut définir ou renvoyer la valeur par défaut du champ de mot de passe. En obtenant l'objet zone de texte et en modifiant la valeur de son attribut value, vous pouvez. modifier la valeur de la zone de texte. Syntaxe Il s'agit de "Spécifier le texte sélectionné object.value='replaced value'".

Comment remplacer la valeur sélectionnée d'une zone de texte par javascript

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Comment remplacer la valeur sélectionnée dans la zone de texte par javascript

En js, vous pouvez modifier la valeur de la zone de texte en récupérant l'objet zone de texte et en modifiant son attribut value.

L'exemple est le suivant :

Créez une zone de texte à l'aide de la balise d'entrée et définissez son attribut id sur test, qui est utilisé pour obtenir l'objet zone de texte ci-dessous. Définissez la valeur par défaut de la zone de texte de saisie via valeur. Par exemple, la valeur par défaut définie ici est 5566.

Créez un bouton à l'aide de la balise bouton, liez l'événement onclick au bouton du bouton et exécutez la fonction editinput() lorsque vous cliquez sur le bouton.

Dans la balise js, créez la fonction editinput(). Dans la fonction, obtenez l'objet d'entrée via l'identifiant et modifiez la valeur de la zone de texte en réaffectant l'attribut value de l'objet.

La syntaxe est la suivante :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <input type="text" value="5566" id="test">
  <button onclick="editinput()">修改</button>
  <script>
    function editinput() {
      document.getElementById("test").value=&#39;8888&#39;;
    }
  </script>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment remplacer la valeur sélectionnée dune zone de texte par javascript

Après avoir cliqué sur le bouton :

Comment remplacer la valeur sélectionnée dune zone de texte par javascript

[Recommandations associées : Tutoriel d'apprentissage javascript]

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