2010-11-14 12 views
5

Ich wollte ein Bild zeigen, nur wenn die Person beginnt in das Textfeld zu tippen.zeigt etwas mit jquery während der Eingabe?

d.h.

$('#type').keyup(function(){ 
//show the images 
    }); 

html

<input type="text" name="type" id="type"> 

<div id="showimage"></div> 

Bild

showimage.jpg 
+2

Haben Sie versucht $ '('# showimage'). Show();'? – meagar

+0

@gateway erhalten Sie die Bilddetails von einem Ajax Anruf oder so? – kobe

Antwort

11

jquery:

$('#type').keyup(function(){ 
    $('#image').show(); 
}); 

html:

<img id="image" src="showimage.jpg" style="display: none"/> 
+0

Falls ich das Bild löschen möchte, wenn ich den gesamten Text im Formular lösche, wie geht das? Vielen Dank. –

+0

@LuckyLuke Sie können [hide] (http://api.jquery.com/hide/) zum Ausblenden verwenden. Siehe auch [diese SOq] (http://stackoverflow.com/questions/27518891/i-want-to-hide-fields-if-its-value-is-empty-and-image-src-also-in-html -using-jav) für ähnliche Beispiele. –

+0

Ausgezeichnet, danke. –

Verwandte Themen