Форум

dfgffdghgf · #1 (**permalink**) 22.07.2012, 18:08

У меня есть скрипт для смены кртинки из формы 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 · #2 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript