Link Inside Select Box

Question

Is it possible to display an html link inside a multi select box that can be navigated to?

"No", but you can workaround the limitation. (sup jQuery) – thirtydot Mar 21 '11 at 19:45 — thirtydot, Mar 21 '11 at 19:45

score 6 · Answer 1 · answered Mar 21 '11 at 19:46

6

You could use the value attribute to store the url

<select >

    <option value="www.yahoo.com">yahoo</option>
    ...

</select>

have use javascript to retrieve the value when an item is selected and redirect to that URL.

answered Mar 21 '11 at 19:46

Bala R

104,615
23
192
207

2

like so `$("select.quickNav").change(function(){ if ($(this).val()!='') { window.location.href=$(this).val(); } });` – CloudMagick Sep 05 '12 at 22:12

score 1 · Accepted Answer · answered Mar 21 '11 at 19:46

Yes and no.

You cannot make a link inside a select element, however you can make a select element that will change the page when an option is selected. (Probably not what you want)

Additionally, you can make your own pseudo-select box using a combination of input:radio elements, CSS, and JavaScript. This pseudo-select box can be customized to contain anchor elements and other such things if needed.

score 1 · Answer 3 · answered Mar 22 '11 at 02:27

1

You can try to add an onClick event into the option button that will behave like an anchor tag.

<select multiple>
    <option onClick="window.location = 'http://www.google.com'" >google</option>
    <option onClick="window.location = 'http://www.stackoverflow.com'">stackoverflow</option>
</select>

answered Mar 22 '11 at 02:27

ace

6,687
7
37
47

This only works on – Daniel Apr 16 '13 at 05:08

Link Inside Select Box

3 Answers3

Linked