Как вывести изображение + селект бокс?

Question

[fenucss]

Здравствуйте. Есть поле типа text, я ограничил ввод исключительно для цифр, добавил обработчик для него. Но мне нужно, чтобы при вводе в текстовое поле определенной цифры, выдавалась определенное изображение (проверка на условие) + селект бокс. Так вот суть вопроса: как это можно сделать и кто сможет чем-то помочь? Js недавно начал изучать, а сделать нужно сегодня. Поэтому кто подскажет, что и как?)
Примерно выглядеть должно так: s011.radikal.ru/i316/1510/6d/64a12ac2a48a.gif

Comments

[fenucss]

Всех благодарю) Все получилось как задумывал

Answer 1

[Виталий Инчин ☢]

••••Тык••••

Comments

[fenucss]

Подскажи, как можно удалить предыдущее изображение и вывести следующее без перезагрузки страницы?

[Виталий Инчин ☢]

fenucss: Можно просто менять значение атрибута src у изображения. А лучше заменить картинку на блок с фоновым изображением и играть с background-position.

Примеры:
document.querySelector("img").src = "image.png";

document.querySelector('#id_diva").style.backgroundPosition = "122px";

[fenucss]

Виталий Инчин ☢: Просто поменять не подходит т.к много условий и придется везде менять, очень большой код получится... Т.к изображения должны меняться в зависимости от значения, соответственно если я поменяю с 1 на 2, то выведется еще одно изображение, а нужно чтобы старое не отображалось.

[Виталий Инчин ☢]

fenucss: чисто для примера: jsfiddle.net/In4in/LLbj8dfo

[Виталий Инчин ☢]

fenucss: или вы про значения поля ввода? Ну, в целом - та же реализация будет.

[fenucss]

Виталий Инчин ☢: благодарю) про это я и имел ввиду)

Answer 2

[Дмитрий Новиков]

вот набросок на jquery, развивайте на свое усмотрение

$(document).ready(function(){
$(input).keyup(function(){
if($(this).val()==1){
$('img.image1').fadeIn();
$('select.select1').fadeIn();
}
}); 
});