در این نوشته می خواهیم چگونه تصاویر  را با کلیک بر لیست انتخاب گزینه آن (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>