Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML][JavaScript]Lista rozwijana
Forum PHP.pl > Forum > Przedszkole
junak83
Witam.  W polu listy rozwijanej chce wstawić wartości Pk, N, 

Są to kody producentów amunicji.

Prubowałem to zrobić w ten sposób ale nie działa

Cytat
<select name=\"prod_ozn\">
<option value=\" \" selected>wybierz</option>
<option value=\"Pk\">Pk</option>
<option value=\"O\" type=\"image\"> <img src=\"img/orzel2.jpg\" width=\"2\" height=\"2\"/> </option>


Czy jest to możliwe jak tak to w jaki sposób to zrobić?
sowiq
Nie da się do znacznika <option /> wstawić nic innego jak tekst. Jeżeli chcesz wstawiać obrazki, to musisz sobie zrobić emulację listy rozwijanej w JavaScript, a tak na prawdę pokazywać div'a. Wtedy będziesz mógł wstawić cokolwiek.
junak83
Cytat(sowiq @ 9.03.2009, 09:30:31 ) *
Nie da się do znacznika <option /> wstawić nic innego jak tekst. Jeżeli chcesz wstawiać obrazki, to musisz sobie zrobić emulację listy rozwijanej w JavaScript, a tak na prawdę pokazywać div'a. Wtedy będziesz mógł wstawić cokolwiek.

Proszę o wrzucenie jakiegoś przykładu bo nie wiem jak to zrobić 
junak83
Witam skrypt prawie działa obrazek pokazuje się ale nie można go wybrać

Jak to zrobić?
Cytat
<p> <script type="text/javascript" src="prototype.js"></script>

<script type="text/javascript" src="dropdown.js"></script>


 <!-- DROPDOWN xHTML code by PragueDesign.cz, modified by MoroSystems.cz -->
  <label>Wybierz producenta:</label>
  <div class="select" id="producent">
  <a href="" onclick="return observeOpener(this);" class="dd-opener"> wybierz </a>
  <a href="" onclick="return observeOpener(this);" class="dd-opener pulldown_arrow">&nbsp;</a>
  <ul class="selectbox" style="width:200px">
   
  <li><a href="" value="4">N</a></li>
  <li><a href="" value="5"> Pk</a></li>
  <li> <a href="" value="2"> <img src="img/orzel2.jpg" /> </a></li>
  </ul>
  <input type="hidden" name="producent" value="" />
  </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.