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>

Answer 1

You may want to look at this

Answer 2

Try this:

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