Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.01.2012, 02:16
Новичок на форуме
Отправить личное сообщение для jump91 Посмотреть профиль Найти все сообщения от jump91
 
Регистрация: 30.01.2012
Сообщений: 4

изменение картинок в зависимости от значения input
Всем привет!
Есть такая задача:
<img src="image_1.png"/>
<input type="text" name="test" class="test" value="1"/>

Как сделать, чтобы при разных значения input менялась картинка, к примеру:
- если значение в input 2 - то image_1.png менялось на image_2.png
- если значение в input 3 - менялось на image_3.png
- и т.д.
Ответить с цитированием
  #2 (permalink)  
Старый 30.01.2012, 03:17
Аспирант
Отправить личное сообщение для Keeper Посмотреть профиль Найти все сообщения от Keeper
 
Регистрация: 28.04.2011
Сообщений: 73

<img id="imageID" src="image_1.png"/>
<input id="numImage"  type="text" name="test" class="test" value="1"/>
<button onclick="chngImage();">Сменить</button>
<script type="text/javascript">
function chngImage() {
var num = getElementById('numImage').value,
     img = new Image();
     img.src = 'image_'+num+'.png';
    getElementById('imageID').src = img.src;
}
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 30.01.2012, 09:57
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Keeper,
getElementById ->>> document.getElementById
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Как сверстать input без картинок greatilya (X)HTML/CSS 26 26.01.2012 16:10
Смена картинок в зависимости от положения курсора мыши antonio_vrn Events/DOM/Window 3 31.05.2011 22:07
Изменение множества элементов Input по определённом призна Лавсановые Волокна Элементы интерфейса 1 24.12.2010 10:37
Изменение ширины поля input в зависимости от значения AvaGet Общие вопросы Javascript 10 25.12.2008 19:27