日期:2014-05-16  浏览次数:20323 次

求助,javascript动态控制select option 获取value并刷新 改变selected
本帖最后由 magicrolan 于 2013-06-25 17:08:18 编辑
javascript动态控制select option 获取value并刷新 改变selected

我的目的就是用js做个下拉框用来控制当前页面的字体
选中下拉框的字体之后自动刷新显示当前选中的字体
我的字体有三个选项
<option value="yahei">微软雅黑</option>
<option value="yayuan">浪漫雅圆</option>
<option value="songti">宋体</option>


选中下拉框页面自动刷新并改变id为mms中的字体
然后这个字体选择框就保持当前字体被选中!

求详细教程 最好给出完整的例子....可以追加40分


------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.yahei{ font-family:微软雅黑;}
.yayuan{ font-family:浪漫雅圆;}
.songti{ font-family:宋体;}
</style>
<script type="text/javascript">
function ChangeColor(obj){
if(obj.value!=""){
document.body.className=obj.value;
}
}
</script>
</head>

<body>
<select id="selColor" onchange="ChangeColor(this)">
<option value="">请选择</option>
<option value="yahei">微软雅黑</option>
<option value="yayuan">浪漫雅圆</option>
<option value="songti">宋体</option>
</select>
<p>字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体字体<p>
</body>
</html>




字体最好不要用特殊字体,很多电脑上没得就不好看了!