making a dropdown menu clickable and redirecting

Question

I'm trying to make my "droplist" clickable and redirects it onto another page. Computer components in my case. My code looks like this and the list works perfectly but the titles are not clickable.

HTML:

 .collection-sort{
  display: flex;
  flex-direction: column;
}

<div class="collection-sort">
  <label>Filtrera:</label>
  <select>
    <option value="1"><a href="grafikkort.css">Grafikkort</a></option>
    <option value="2"><a href="processor.css">Processor</a></option>
    <option value="3"><a href="minne.css">Minne</a></option>
    <option value="4"><a href="moderkort.css">Moderkort</a></option>
    <option value="5"><a href="veckansklipp.css">Veckans Klipp</a></option>
  </select>
</div>

Does this answer your question? [using href links inside – Simone Rossaini Nov 05 '20 at 08:16 — Simone Rossaini, Nov 05 '20 at 08:16

score 0 · Accepted Answer · answered Nov 05 '20 at 08:28

0

It should work fine now.

  .collection-sort{
display: flex;
flex-direction: column;

<div class="collection-sort">
        <label>Filtrera:</label>
        <select onchange="location = this.value;">
          <option value="grafikkort.css">Grafikkort</option>
          <option value="processor.css">processor</option>
          <option value="minne.css">minne</option>
          <option value="moderkort.css">moderkort</option>
          <option value="veckansklipp.css">veckansklipp</option>
        </select>

answered Nov 05 '20 at 08:28

PerfDev.

70
13

Thanks, this works perfect! Do I customize these new pages in the CSS? – Axel Gjertsson Nov 05 '20 at 09:03
Glad it helps.Customize? Explain. – PerfDev. Nov 05 '20 at 09:08
Sorry for the bad explanations. What I meant were if I fix and customize these new pages in CSS cause I currently just get the error message "Cannot GET /Webb%20Projekt1%20Fotboll/Web%20Try2/moderkort.css" if I press one of them. Thanks! – Axel Gjertsson Nov 05 '20 at 09:30
1

The value is the location of the CSS file It may be in css/processor.css value="css/processor.css" – PerfDev. Nov 05 '20 at 09:42
I solved it by making new files called "processor.css". This is a perfect example of a noobie mistake. Thanks for the help. – Axel Gjertsson Nov 05 '20 at 09:48
@Axel Please consider to upvote the answer and to mark it as "Accepted". – AcK Nov 06 '20 at 13:08

making a dropdown menu clickable and redirecting

1 Answers1