JSFiddle - React, Tailwind, and code Playground

HTML

<select id="pilihWarna" name="fgdfd" style="background:none;">
    <option>satu</option>
    <option>dua</option>
    <option>tiga</option>
    <option>empat</option>
</select>
<div class="something">
    <div class="bigandsmall">
        <p>satu</p>
        <img src="http://www.espositogardencenter.com/portals/0/Mums.jpg" width="50px" />
    </div>
    <div class="bigandsmall">
        <p>dua</p>
        <img src="http://upload.wikimedia.org/wikipedia/commons/2/29/Thorn_Tree_Sossusvlei_Namib_Desert_Namibia_Luca_Galuzzi_2004a.JPG" width="50px" />
    </div>
    <div class="bigandsmall">
        <p>tiga</p>
        <img src="http://www.tuinadvies.be/foto/struik_hortensia.jpg" width="50px" />
    </div>
    <div class="bigandsmall">
        <p>empat</p>
        <img src="http://www.npowetenschap.nl/.imaging/stk/wetenschap/zoom/media/wetenschap/noorderlicht/artikelen/2008/October/40136045/original/40136045.jpeg" width="50px" />
    </div>
</div>

CSS

.something .bigandsmall:first-child {
    display:block;
}
.bigandsmall {
    display:none;
}

JavaScript

$(document).ready(function () {
    $("#pilihWarna").change(function () {
        $(".bigandsmall").hide().eq($("#pilihWarna")[0].selectedIndex).show();
    });
});