Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] <select> <option> a w nim linki
Forum PHP.pl > Forum > Przedszkole
Dziadzia
Cześć

Mam listę rozwijaną:

  1. <select name="nazwa" class="filtry">
  2. <option>- Wybierz priorytet -</option>
  3. <option>mały</option>
  4. <option>średni</option>
  5. <option>duży</option>
  6. </select>


w której chciałem aby "mały" "średni" "duży" był linkiem. Zrobiłem coś takiego:

  1. <select name="nazwa" class="filtry">
  2. <option>- Wybierz priorytet -</option>
  3. <option><a href="index.php?p=maly">mały</a></option>
  4. <option><a href="index.php?p=sredni">średni</a></option>
  5. <option><a href="index.php?p=duzy">duży</a></option>
  6. </select>


ale to oczywiście nie działa. Jak nie trudno się domyśleć robię taką listę po to aby stworzyć filtrowanie do tabelki. Rekordy w tabelce są wypisywane z mysql.

Jeżeli macie jakieś inne propozycję co do stworzenia filtrowania albo do metody która wybrałem to proszę o napisanie. Z góry dzięki smile.gif

kefirek
  1. </head>
  2.  
  3. <select name="nazwa" class="filtry" onchange="self.location.href = this.value">
  4. <option>- Wybierz priorytet -</option>
  5. <option value="index.php?p=maly">mały</option>
  6. <option value="index.php?p=sredni">średni</option>
  7. <option value="index.php?p=duzy">duży</option>
  8.  
  9. </body>
  10. </html>
bigZbig
Z użyciem jquery

  1. $(document).ready( function() {
  2. $('#select1').change(
  3. function() { document.location.href = this.value; }
  4. );
  5. });
  6.  
  7. <select id="select1">
  8. <option>- Wybierz priorytet -</option>
  9. <option value="index.php?p=maly">mały</option>
  10. <option value="index.php?p=sredni">średni</option>
  11. <option value="index.php?p=duzy">duży</option>
Dziadzia
Dzięki za odpowiedzi smile.gif obie działają bardzo fajnie. Pozdrawiam
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.