Comment remplacer la valeur sélectionnée d'une zone de texte par javascript-Questions et réponses frontales-php.cn

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

WBOY

Libérer： 2022-01-12 16:09:29

original

2864 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