<script id="hero-selector">
function val(a) {
var x = a.selectedIndex;
var path = "/images/heroes-avatar/";
var imgSrc = path + x + ".jpg";
document.getElementById("hero-selector").src=imgSrc;
}
</script>
<select onchange="val(this)" name="hero-selector" >
<option value="zaku">Abumi Zaku</option>
<option value="shino">Aburame Shino</option>
<option value="akatsuchi">Akatsuchi</option>
<option value="choji">Akimichi Choji</option>
<option value="choza">Akimichi Choza</option>
<option value="ao">Ao</option>
<option value="c">C</option>
<option value="chojuro">Chojuro</option>
<option value="chukichi">Chukichi</option>
<option value="chiyo">Chiyo</option>
<option value="deaidara">Deidara</option>
<option value="darui">Darui</option>
<option value="raikage">Ei Raikage</option>
<option value="gaara">Gaara</option>
<option value="ginkaku">Ginkaku</option>
<option value="haku">Haku</option>
<option value="kisame">Hoshigaki Kisame</option>
<option value="hanzo">Hanzo</option>
<option value="hiashi">Hyuga Hiashi</option>
<option value="hinata">Hyuga Hinata</option>
<option value="hizashi">Hyuga Hizashi</option>
<option value="sakura">Haruno Sakura</option>
<option value="kakashi">Hatake Kakashi</option>
<option value="neji">Hyuga Neji</option>
<option value="hidan">Hidan</option>
<option value="suigetsu">Hozuki Suigetsu</option>
<option value="kiba">Inuzuka Kiba</option>
<option value="jirobo">Jirobo</option>
<option value="jugo">Jugo</option>
<option value="jiraya">Jiraiya</option>
<option value="kimimaro">Kimimaro</option>
<option value="killer-b">Killer B</option>
<option value="kinkaku">Kinkaku</option>
<option value="dosu">Kinuta Dosu</option>
<option value="kitsuchi">Kitsuchi</option>
<option value="kakuzu">Kakuzu</option>
<option value="konan">Konan</option>
<option value="kankuro">Kankuro</option>
<option value="karin">Karin</option>
<option value="karui">Karui</option>
<option value="dan">Kato Dan</option>
<option value="kidomaru">Kidomaru</option>
<option value="zabuza">Momochi Zabuza</option>
<option value="ibiki">Morino Ibiki</option>
<option value="mifune">Mifune</option>
<option value="might-guy">Might Guy</option>
<option value="mu">Mu</option>
<option value="anko">Mitarashi Anko</option>
<option value="nagato">Nagato</option>
<option value="minato">Namikaze Minato</option>
<option value="shikaku">Nara Shikaku</option>
<option value="shikamaru">Nara Shikamaru</option>
<option value="omoi">Omoi</option>
<option value="orochimaru">Orochimaru</option>
<option value="lee">Rock Lee</option>
<option value="sai">Sai</option>
<option value="asuma">Sarutobi Asuma</option>
<option value="hiruzen">Sarutobi Hiruzen</option>
<option value="konohomaru">Sarutobi Konohamaru</option>
<option value="shizune">Shizune</option>
<option value="hashirama">Senju Hashirama</option>
<option value="tobirama">Senju Tobirama</option>
<option value="tayuya">Tayuya</option>
<option value="temara">Temari</option>
<option value="kin">Tsuchi Kin</option>
<option value="tenten">Tenten</option>
<option value="mei">Terumi Mei</option>
<option value="tsunade">Tsunade</option>
<option value="tobi">Tobi</option>
<option value="itachi">Uchiha Itachi</option>
<option value="madara">Uchiha Madara</option>
<option value="sasuke">Uchiha Sasuke</option>
<option value="iruka">Umino Iruka</option>
<option value="kushina">Uzumaki Kushina</option>
<option value="naruto">Uzumaki Naruto</option>
<option value="kabuto">Yakushi Kabuto</option>
<option value="ino">Yamanaka Ino</option>
<option value="inoichi">Yamanaka Inoichi</option>
<option value="kurenai">Yuhi Kurenai</option>
<option value="yamato">Yamato</option>
<option value="zetsu">Zetsu</option>
</select>
<br>
</br>
<img src = "/images/heroes-avatar/0.jpg" id="hero-selector" />
</table>
