نمایش تصاویر در انتخاب گزینه با jQuery

در این نوشته می خواهیم چگونه تصاویر  را با کلیک بر لیست انتخاب گزینه آن (Select Option) نمایش دهیم, این کار با jQuery انجام می شود.

کد HTML :

<select id="CytusList">
	<option value="img/1.jpg">عکس ۱</option>
	<option value="img/2.jpg">عکس ۲</option>
	<option value="img/3.jpg">عکس ۳</option>
</select>

<img id="image" src="" />

کد jQuery :

<script>
    function setCytus() {
        var img = document.getElementById("image");
        img.src = this.value;
        return false;
    }
    document.getElementById("CytusList").onchange = setCytus;
</script>

2 دیدگاه برای “نمایش تصاویر در انتخاب گزینه با jQuery”

  1. کدنویس گفت:

    سلام
    کد شما جاوااسکریپت خالیه، بدون jQuery

    1. سایتوس گفت:

      درود…
      متوجه نشدم,‌چی خالیه؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *