我有一个相对简单的表格,可以选择主题。我需要的是javascript以查看当前选定的选项并根据其类更改style.css文件。例如,如果在选项中选择了Dark,则需要使用dark.css重新设置style.css。这是我的选择代码:
<option value="<?= $_SESSION['user']['theme']?>">Current</option>
<option value="volvo">Dark</option>
<option value="saab">Light</option>
<option value="mercedes">Grass</option>
<option value="audi">Audi</option>
</select>
试试这个例子:
1)在选项值中设置css文件路径
演示:http : //jsfiddle.net/ptraxc90/8/
<link id="stylesheet" rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/le-frog/jquery-ui.css">
<select id="themes">
<option value="http://code.jquery.com/ui/1.10.4/themes/le-frog/jquery-ui.css">Le Frog</option>
<option value="http://code.jquery.com/ui/1.10.4/themes/start/jquery-ui.css">Start</option>
<option value="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">Smoothness</option>
<option value="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.css">Redmond</option>
<option value="http://code.jquery.com/ui/1.10.4/themes/sunny/jquery-ui.css">Sunny</option>
</select>
<input type="submit" value="A submit button">
2)随着选择选项的更改获得该值并更改链接css文件路径
$('#themes').change(function(){
$("#stylesheet").attr({href : $('#themes').val()});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句