si la valeur d'entrée est égale à un texte spécifique, d'afficher div

Je suis en train d'apprendre jQuery, lentement mais sûrement, s'il vous plaît excuser mon ignorance. J'ai fait beaucoup de recherches sur google qui a abouti à la Frankenstein exemple ci-dessous.

Dans cet exemple, si l'utilisateur entre "Kasey" dans le input, je voudrais div#pete avoir display:block.

Merci d'avance!

<!DOCTYPE html>
<html>
<head>

<script>
$(document).ready(function(){ 
var val = $("#fname").length;
if (val = Kasey) {
        $("#pete").css("display", "block");
    } 
</script>
</head>
<body>

<p>Name: <input type="text" id="fname"></p>
<p id="pete" style="display:none;" >Pete</p>

</body>
</html>

OriginalL'auteur user3367388 | 2014-03-01

  1. 8

    Vous pouvez utiliser keyup() gestionnaire d'écouter keyup événement. L'intérieur que l'utilisation this.value pour obtenir la valeur 

    $(document).ready(function() {
    $("#fname").keyup(function() {
        if (this.value == "Kasey") {
            $("#pete").css("display", "block");
        }
        else {
            $("#pete").css("display", "none");
        }
    });
});

    VIOLON

    Mise à jour :

    Vous pouvez simplifier le code comme suit

    $(document).ready(function () {
    $("#fname").keyup(function () {
        $("#pete").css("display", this.value == "Kasey" ? "block" : "none");
    });
});

    OriginalL'auteur Pranav C Balan

  2. 3

    faire des changements à votre code

    • ajouter val() pour obtenir la valeur d'un élément
    • utilisation == opérateur dans la condition
    • pour la comparaison de chaîne de caractères, vous devez ajouter des citations comme "Kasey"

    Remarque : si u veux le faire sur le formulaire de chargement de code comme suit ou ajouter keyup() événement

    <script>
$(document).ready(function(){ 
var val = $("#fname").val();
if (val == 'Kasey') {
        $("#pete").css("display", "block");
    }
 }); 
 </script>

    OriginalL'auteur chriz

  3. 1

    Le problème, c'est que votre fonction est la lecture de la valeur de la fname lorsque le document est chargé, et pas après la saisie de l'utilisateur. Aussi, vous affectez la longueur de val lorsque vous devez affecter la valeur

    var val = $("#fname").val();

    Enfin si votre déclaration a besoin de l'est égal à l'opérateur est ==

    if (val == 'Kasey')

    OriginalL'auteur khaos337