html - cssを適用するhtml選択タグ

Question

<select>htmlタグからオプションを選択して css ファイルを適用したいと考えています。

これらのリンクを既存の css ファイルに使用しようとしました。

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

でそれらをどのように使用できます<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

あなたはこれを見たいかもしれません

Answer 2

これを試して：

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