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.
Je pensais changer p> à p> Il faudrait correspondre à ce mot cependant ce n'est pas le cas. P> Toute aide serait bien merci. p> solution est là: < / p> http://jsfiddle.net/96URC0AJ/ p> Changez le test de mot au mot que vous souhaitez utiliser. P> p>
4 Réponses :
Le code ci-dessus inclut ! = code> 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 === code> pas ! = Code>. Laissez-moi savoir si cela aide! P>
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.
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();
}
});
Essayez ceci pour masquer la valeur lorsque vous avez l'entrée en tant que "Word"
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>
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