-1
votes

Masquer DIV lorsque l'entrée a du texte?

Ceci n'est pas utilisé à plus grande échelle, juste un petit site personnel, mais comment puis-je continuer à cacher un div lorsque l'intrant correspond à une requête? J'ai vu ce violon, mais cela cache simplement DIV en fonction de toute entrée, alors que je la cherche à correspondre à une valeur exacte.

http://jsfiddle.net/p78wc/

Je pensais changer xxx

à XXX

Il faudrait correspondre à ce mot cependant ce n'est pas le cas.

Toute aide serait bien merci.

solution est là: < / p>

http://jsfiddle.net/96URC0AJ/

Changez le test de mot au mot que vous souhaitez utiliser.


2 commentaires

Lisons-le fort. "Si la valeur de cet élément ne correspond pas à" Word "montrent un élément avec l'ID de Yeah." Est-ce ce que tu voulais?


Ce n'est pas clairement clair ce que votre objectif ultime est ici, l'un de vos violons semble fonctionner exactement comment vous essayiez de décrire


4 Réponses :


0
votes

Le code ci-dessus inclut ! = quel moyen n'est pas égal, mais de vérifier lorsque l'entrée correspond à une requête utilise une utilisation $ (ceci) .val () === "Query" < / code>. Pour clarifier, vous devez utiliser === pas ! = . Laissez-moi savoir si cela aide!


2 commentaires

Cela a fonctionné parfaitement merci, je posterai un violon en bas au cas où quelqu'un d'autre se demande


@Pornsera, c'est génial! Marquez ma réponse en tant que réponse en cliquant sur la coche par ma réponse ou upvote ma réponse.



0
votes

Les éléments suivants doivent fonctionner (écrit du point de vue de la perspective de toujours):

$('input').keyup(function () {
    if ($(this).val() === 'work' ) {
        $('#yeah').hide();
    } else if ($('#yeah').is(":hidden") && $(this).val() !== 'work'){
        $('#yeah').show(); 
    }
});


0 commentaires

0
votes

Essayez ceci pour masquer la valeur lorsque vous avez l'entrée en tant que "Word" xxx xxx


0 commentaires

0
votes

Juste au cas où si quelqu'un a besoin de cette solution en pure JavaScript:

p>

<label for="db">Type whatever or "test" word to see button</label>
<input type="text" name="amount" />
</select>
<div id="yeah" style="display:none;">
    <input type="submit" />
</div>


0 commentaires