تغییر عکس با استفاده از لیست باکس

amirepsilon · May 18, 2009

سلام
فرض کنید یک لیست باکس داریم
این لیست باکس شامل آدرس تصاویر هست
میخواهیم با کلیک بر روی هر یک از آیتم ها، عکس مربوطه رو در کنار لیست باکس نمایش بده
ممنون میشم کمک کنید
البته برای عکس های بزرگ فکر کنم استفاده از آژاکس بهتر باشه
ممنون

D.A.V.O.O.D · May 18, 2009

این که شما می خواهی شامل دو قسمته :
1. HTML

PHP:

<select name="Davood" id="Davood" size="5" onclick="Change()">
      <option value="http://www.google.com/intl/en_ALL/images/logo.gif">Google</option>
</select>
<img id="SRC">

2. JavaScript

PHP:

function Change()
{
   document.getElementById( 'SRC' ).src = document.getElementById( 'Davood' ).value
}

یعنی کد کلی به این صورت میشه :

PHP:

<script>
function Change()
{
   document.getElementById( 'SRC' ).src = document.getElementById( 'Davood' ).value
}
</script>
<select name="Davood" id="Davood" size="5" onclick="Change()">
      <option value="http://www.google.com/intl/en_ALL/images/logo.gif">Google</option>
</select>
<img id="SRC">