使用JQuery/JS&；选择框以根据选择更改样式表

使用JQuery/JS&Select-box根据选择更改样式表我希望用户能够（比如）从下拉选择框中选择“超级管理员”，并让包含用户级别“超级管理员”（位于表单下方）描述的div更改其属性

.superAdmin div{背景色：#000；}

我假设它是对

onChange（）的某种形式的操作句柄

很抱歉，如果这个问题的水平太低，但我是一个真正的JS初学者，更不用说JQuery了+1如果您还可以提供代码的具体实现方法（在
标签中放置什么）

提前感谢，这个网站的巨大支持者（我遇到的所有问题中有90%已经在这里被问到了，我只是找不到任何关于这个的问题…
也许吧

$("#div").change(function(){

    $("#div1").css("color", "red");

})

假设您有一个CSS样式表，其中包含您可能要添加的所有类的定义：

.user {background-color: #F00;}
.admin {background-color: #0F0;}
.superAdmin {background-color: #00F;}

您的选择框中有HTML：

<select id="css-changer">
    <option></option>
    <option value="user">User</option>
    <option value="admin">Admin</option>
    <option value="superAdmin">Super Admin</option>
</select>

你可以

要在页面中获取JS和CSS，请创建一个具有正确定义的外部样式表，并使用如下标记将其包括在内：

<link href="mystyle.css" rel="stylesheet" type="text/css">

<!-- jQuery goes first! -->
<script src="path/to/jQuery/CDN/jquery-min-1.5.1.js" type="text/javascript"></script>
<script src="myExternal.js" type="text/javascript"></script>



并确保包含jQuery和一个外部javascript文件（以使事情不引人注目）。要包含它们，请使用如下所示的HTML：

<link href="mystyle.css" rel="stylesheet" type="text/css">

<!-- jQuery goes first! -->
<script src="path/to/jQuery/CDN/jquery-min-1.5.1.js" type="text/javascript"></script>
<script src="myExternal.js" type="text/javascript"></script>