Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   JS Смена картинки select (https://javascript.ru/forum/misc/30054-js-smena-kartinki-select.html)

dfgffdghgf 22.07.2012 18:08

JS Смена картинки select
 
У меня есть скрипт для смены кртинки из формы select, мне нужно что бы было несколько таких форм и в зависимости от выбранного элемета из списка в формах, менялась картинка. Как мне это сделать?

<head>
<script language="JavaScript">
<!--
 function changeImage(form) {
 selection = form.imagename.options[form.imagename.selectedIndex].value; document.images['pic'].src = selection;
 }
//-->
</script>
</head>
<body>

<form>
 <img name="pic" src="images\1.jpg" alt=""></br>
 <select size=1 name="imagename" onChange="changeImage(this.form)">
 <option value="images\1.jpg">Картинка 1</option>
 <option value="images\2.jpg">Картинка 2</option>
 <option value="images\3.jpg">Картинка 3</option>
 </select>
</form>

</body>

lord2kim 22.07.2012 22:45

dfgffdghgf, а чем вас не устраивает тот пример, что вы привели?
изображение к каждой форме разное или одно и то же?
<html>
<head>
<script language="JavaScript">
function changeImage(form) {
    form.pic.src = form.imagename.value;
}
</script>
</head>
<body>
 
<form name="form1">
 <img name="pic" src="images\1.jpg" alt=""></br>
 <select size=1 name="imagename" onChange="changeImage(this.form)">
 <option value="images\1.jpg">Картинка 1</option>
 <option value="images\2.jpg">Картинка 2</option>
 <option value="images\3.jpg">Картинка 3</option>
 </select>
</form>

<form name="form2">
 <img name="pic" src="images\4.jpg" alt=""></br>
 <select size=1 name="imagename" onChange="changeImage(this.form)">
 <option value="images\4.jpg">Картинка 4</option>
 <option value="images\5.jpg">Картинка 5</option>
 <option value="images\6.jpg">Картинка 6</option>
 </select>
</form>
 
</body>
</html>


Часовой пояс GMT +3, время: 20:34.