• 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ó?

Cloud VPS
0 głosów
1,340 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ź 758 wizyt
pytanie zadane 9 lipca 2020 w HTML i CSS przez gmcode Gaduła (3,140 p.)
0 głosów
1 odpowiedź 577 wizyt
pytanie zadane 23 marca 2020 w HTML i CSS przez Kostkovsky Nowicjusz (120 p.)
0 głosów
3 odpowiedzi 1,128 wizyt
pytanie zadane 8 marca 2016 w HTML i CSS przez KamQiX Dyskutant (9,090 p.)

93,487 zapytań

142,420 odpowiedzi

322,772 komentarzy

62,903 pasjonatów

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
...