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

Тема в разделе "Как сделать...", создана пользователем E-body, 5 сен 2009.

Статус темы:
Закрыта.
  1. E-body

    E-body

    Регистр.:
    6 сен 2007
    Сообщения:
    986
    Симпатии:
    331
    Требуется: При выборе страны, отображается соответствующий флаг (без перезагрузки страницы).
    Нашел вариант но несовсем полный, потому как вместо адреса картинки указывает только значение из value.
    PHP:
    <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>
    ... а надо чтоб к имени еще присвоило адрес и разширение файла.
    Пробовал
    PHP:
    <select onchange="(document.getElementById('resultpic')'+'.png').src = this.value" name="country">
    вобще не работает, также и
    PHP:
    <select onchange="document.getElementById('resultpic').src = this.value'+'.png'" name="country">
    Вообще как в яваскрипте добавлять к переменной неизменяемый текст.
    К примеру пытаюсь в итоге сделать например при выборе Armenia выводило картинку верне адрес _httр://sayt.ru/Armenia.png в resultpic
     
  2. omfg

    omfg

    Регистр.:
    4 авг 2009
    Сообщения:
    159
    Симпатии:
    46
    <select onchange="document.getElementById('resultpic').src = 'http://sayt.tu/'+this.value'+'.png'" name="country">

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

    PapaJoe

    Регистр.:
    4 авг 2008
    Сообщения:
    620
    Симпатии:
    312
    одна неточность: в подстроке +this.value'+ не нужна кавычка, т.е. +this.value+

    только как это связвно с php - хз :nezn:
     
    E-body нравится это.
  4. E-body

    E-body

    Регистр.:
    6 сен 2007
    Сообщения:
    986
    Симпатии:
    331
    изза этой кавычки перепробывал столько вариантов ппц, вариант работает. :ay:
     
Статус темы:
Закрыта.