html select tag to apply css

Question

I would like to apply a css file after choosing an option from a html <select> tag.

I tried to use these links to existing css files.

<link rel="stylesheet" href="first.css" />
<link rel="stylesheet" href="second.css" />

How can I use them in <select>?

    <select name="choose-an-option">
        <option value="first">
                            <!--use first.css here-->
        </option>
        <option value="second">
                            <!--use second.css here-->
        </option>
    </select>

Please see here http://stackoverflow.com/questions/3090867/how-to-apply-different-styles-to-options-of-select-tag-in-html — yAnTar, Apr 06 '12 at 17:48
@yAnTar my goal is not styling the options, i want to select different css files and apply them after choosing one from the dropdown menu — Lgn, Apr 06 '12 at 17:51
Also [Change CSS classes with javascript][1] [1]: http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript — profimedica, Apr 06 '12 at 19:29

score 3 · Accepted Answer · answered Apr 06 '12 at 17:59

3

You may want to look at this

answered Apr 06 '12 at 17:59

pollirrata

5,188
2
32
50

Ram · Answer 2 · 2013-04-19T19:48:14.133

2

Try this:

$("#choose-an-option").change(function() {
    $("link").attr("href", this.value + ".css");
)};

edited Apr 19 '13 at 19:48

answered Apr 06 '12 at 19:01

Ram

143,282
16
168
197

html select tag to apply css

2 Answers2