• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić rozwijaną listę wyboru linku wraz z przyciskiem pod spodem który przekieruję na wybrany link z listy wyboró?

0 głosów
1,417 wizyt
pytanie zadane 1 grudnia 2019 w HTML i CSS przez seam3 Początkujący (450 p.)
edycja 1 grudnia 2019 przez seam3

Jak zrobić rozwijaną listę wyboru linku wraz z przyciskiem pod spodem który przekieruję na wybrany link z listy wyboró?

Html Css

Proszę o pomoc :/

 <p>
    <label>
      Wybierz interesujące Cię link:
      <select name="rosliny[]" multiple>
        <option value="http://www.onet.pl">x</option>
        <option value="http://www.onet.pl">x2</option>
        <option value="opcja-3">x3</option>
        <option value="opcja-4">x4</option>
        <option value="opcja-5" selected>x</option>
        <option value="opcja-6">x</option>
        <option value="opcja-7">x</option>
        <option value="opcja-8">x</option>
      </select>
    </label>
  </p>

  <p>
    <button type="submit">Przejdź na stronę</button>

 

komentarz 1 grudnia 2019 przez lateM Pasjonat (17,660 p.)
A dlaczego nie można kliknąć w link z listy i już zostać przekierowanym?
komentarz 1 grudnia 2019 przez seam3 Początkujący (450 p.)
wole nie
komentarz 1 grudnia 2019 przez seam3 Początkujący (450 p.)
inaczej.. tak umiem zrobić ale wolałbym z przyciskiem :)
komentarz 1 grudnia 2019 przez seam3 Początkujący (450 p.)
a tego już nie umiem
komentarz 1 grudnia 2019 przez seam3 Początkujący (450 p.)

@MateuszB, dodałem kod w pytaniu

komentarz 1 grudnia 2019 przez lateM Pasjonat (17,660 p.)
Sam CSS i HTML nie wystarczy, żeby ten select tak zadziałał. Potrzebny będzie np. javascript, który pobierze wartość wybraną w option i przekaże do buttona. Nie łatwiej zrobić listę ul > li > a + href? Przy pomocy CSS'a możesz ostylować taką listę przez co będzie przypominała select / dropdown. Strasznie nieintuicyjny ten Twój pomysł.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 877 wizyt
pytanie zadane 9 lipca 2020 w HTML i CSS przez gmcode Gaduła (3,140 p.)
0 głosów
1 odpowiedź 618 wizyt
pytanie zadane 23 marca 2020 w HTML i CSS przez Kostkovsky Nowicjusz (120 p.)
0 głosów
3 odpowiedzi 1,195 wizyt
pytanie zadane 8 marca 2016 w HTML i CSS przez KamQiX Dyskutant (9,090 p.)

93,631 zapytań

142,553 odpowiedzi

323,056 komentarzy

63,139 pasjonatów

Advent of Code 2025

Top 15 użytkowników

  1. 2900p. - dia-Chann
  2. 2870p. - DziarnowskiJ
  3. 2827p. - Łukasz Piwowar
  4. 2783p. - raydeal
  5. 2758p. - Adrian Wieprzkowicz
  6. 2713p. - rucin93
  7. 2579p. - Łukasz Eckert
  8. 2459p. - CC PL
  9. 2184p. - Maurycy W
  10. 2082p. - Michal Drewniak
  11. 1885p. - robwarsz
  12. 1811p. - rafalszastok
  13. 1600p. - Rafał Trójniak
  14. 1588p. - Tomasz Bielak
  15. 1494p. - ssynowiec
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...