
Html - option label + img
Zdravím. Potřeboval bych aby se pod každou možností otevřel jinej obrázek. Jak to udělat?
<select>
<option label="I"/option>
<option label="II"/option>
<option label="III"/option>
<option label="IV"/option>
<option label="V"/option>
</select>
Funkční příklad je ke stažení tady: https://github.com/marghoobsuleman/ms-Dropdown/arc hive/master.zip
Nejsnadnější k úpravě je asi možnost označená jako By Json Data
Zkopíroval jsem ten kód z jiné stránky přes ctrl+u a ten kód by měl vypadat nějak takhle:
<form action="WEB" method="post" accept-charset="utf-8">
<div class="col-md-6">
<img id="icon2" src="img/XYZ" alt="" class="img-responsive center-block">
<select id="sType2" name="XYZ" class="form-control input-sm">
<option value="I">I</option>
<option value="II">II</option>
<option value="III">III</option>
<option value="IV">IV</option>
<option value="V">V</option>
</select><br>
Zkusil jsem nahradit WEB a XYZ za moje věci, ale prostě se mi obrázek nechce na webu objevit.
Ten kód z odkazu, který jsem uvedl, funguje. Proto jem to taky označil jako "funkční příklad".
Co sis skopíroval odjinud, je tvůj problém.
Obecně mohu říci, že pokud chceš mít select a options opravdu pěkné a originální třeba podle grafického návrhu , bez Javascriptu se neobejdeš. V mnoha případech bývá nejlepší na tag select zapomenout a naprogramovat si výběr sám.