Динамическая смена картинки при выборе SELECT

[E-body]

Требуется: При выборе страны, отображается соответствующий флаг (без перезагрузки страницы).
Нашел вариант но несовсем полный, потому как вместо адреса картинки указывает только значение из value.

<select onchange="document.getElementById('resultpic').src = this.value" name="country">
<option value="Armenia">Armenia</option>
<option value="Argentina">Argentina</option>
<option value="Azerbaijan">Azerbaijan</option>
</select>
<div style="float:left;">
<img id="resultpic" src='#' width='32' height='20' /></div>

... а надо чтоб к имени еще присвоило адрес и разширение файла.
Пробовал

<select onchange="(document.getElementById('resultpic')'+'.png').src = this.value" name="country">

вобще не работает, также и

<select onchange="document.getElementById('resultpic').src = this.value'+'.png'" name="country">

Вообще как в яваскрипте добавлять к переменной неизменяемый текст.
К примеру пытаюсь в итоге сделать например при выборе Armenia выводило картинку верне адрес _httр://sayt.ru/Armenia.png в resultpic

 

[omfg]

<select onchange="document.getElementById('resultpic').src = 'http://sayt.tu/'+this.value'+'.png'" name="country">

Можно просто от корня делать, т.е. вместо адреса сайта поставить "/"

 

[PapaJoe]

одна неточность: в подстроке +this.value'+ не нужна кавычка, т.е. +this.value+

только как это связвно с php - хз

 

[E-body]

изза этой кавычки перепробывал столько вариантов ппц, вариант работает.