Maison > Article > interface Web > 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
- WBOYoriginal
- 2022-01-12 16:09:292818parcourir
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'".
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='8888';
}
</script>
</body>
</html>Résultat de sortie :
Après avoir cliqué sur le bouton :
[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!