Изкарване на картинка от селект меню

[ExpressYourself]

Как мога изкарам картинка от селект меню да кажем
Имам селект меню

<select name="kartinka">
<option value="1">1</option>
<option value="2">2</option>
</select>

Когато избера 1 да ми изкарва

<div id="image"><img src="1.png"></div>

 

[kulov]

Такова ли имаш в предвид

<form method="post" action=""/>
<select name="kartinka">
<option value="1">1</option>
<option value="2">2</option>
</select>

<input type="submit" name="submit" value="submit"/>
</form>

<?
if(isset($_POST['submit']))
{
$kartinka=$_POST['kartinka'];
if ($kartinka == "1")
{
$show='<div id="image"><img src="1.png"></div>';
}
echo $show;
}
?>

 

[ExpressYourself]

Такова ли имаш в предвид

<form method="post" action=""/>
<select name="kartinka">
<option value="1">1</option>
<option value="2">2</option>
</select>

<input type="submit" name="submit" value="submit"/>
</form>

<?
if(isset($_POST['submit']))
{
$kartinka=$_POST['kartinka'];
if ($kartinka == "1")
{
$show='<div id="image"><img src="1.png"></div>';
}
echo $show;
}
?>

Щом съм го сложил в HTML/CSS/DHTML явно го искам с javascript

 

[marian]

<img src="1.png" id="changer" />
<select onchange="document.getElementById('changer').src=this.value+'.png'">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

 

[ExpressYourself]

<img src="1.png" id="changer" />
<select onchange="document.getElementById('changer').src=this.value+'.png'">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Нещо не се получава
2 неща промених - махнах +'.png' и сложих картинката под </select> от това ли е проблема ?

 

[marian]

<select onchange="document.getElementById('changer').src=this.value">
<option value="1.png">1</option>
<option value="2.png">2</option>
<option value="3.png">3</option>
</select>
<img src="1.png" id="changer" />

Ако си го направил така, значи работи нормално. Без картинки го тествах. но затова firebug помага доста.

 

[ExpressYourself]

<select onchange="document.getElementById('changer').src=this.value">
<option value="1.png">1</option>
<option value="2.png">2</option>
<option value="3.png">3</option>
</select>
<img src="1.png" id="changer" />

Ако си го направил така, значи работи нормално. Без картинки го тествах. но затова firebug помага доста.

мхм работи, +1 само ако може да ми кажеш мога ли някак си да проверя ако е избрано 1 да не показва нищо, а ако е избрано 2,3 да си изкарва

 

[marian]

Това

<select onchange="document.getElementById('changer').src=this.options[this.selectedIndex].text=='1' ? null : this.value">
<option value="1.png">1</option>
<option value="2.png">2</option>
<option value="3.png">3</option>
<option value="3.png">4</option>
</select>
<img src="2.png" id="changer" alt="" />

или

<select onchange="document.getElementById('changer').src=this.selectedIndex==0 ? null : this.value">
<option></option>
<option value="1.png">1</option>
<option value="2.png">2</option>
<option value="3.png">3</option>
</select>
<img src=" " id="changer" alt="" />

или нито едно?