Question

javascript动态控制select option 获取value并刷新 改变selected

javascript动态控制select option 获取value并刷新 改变selected
我也不知道该怎么说了
我的目的就是用js做个下拉框用来控制当前页面的字体
选中下拉框的字体之后自动刷新显示当前选中的字体
我的字体有三个选项
<option value="yahei">微软雅黑</option>
<option value="yayuan">浪漫雅圆</option>
<option value="songti">宋体</option>

Answer 1

document.getElementByid('sel').onchange=function(){
document.getElementsByTagName('body')[0].style.fontSize=document.getElementByid('sel').value;
}
sel是select下拉列表的id,你这个option的值不对需要改下，改成存在的字体

Answer 2

$('select').change(function(){
var font = $('select').val();

// 做的之后的逻辑

})

追问

能详细说一下吗?~

追答

$('select').val(); 就是拿你当前选中项的value， 然后你不是打算改变字体么，就设置字体就好了啊

追问

这样页面刷新了之后select会不会还原？

追答

那肯定会的，你用脚本设置啊，比如修改样式，刷新的话肯定会的，除非你在服务器端记录选中状态

Answer 3

1L教的是jquery，你好好去看一下教程，很简单的。下载个Jquery框架包，然后引用路径，就可以了。
告诉你方法：
1：获取当前选中的select的值，然后改变当前页面的某个div的字体，也就是样式了，你这样是选择的字的字体，又要获取当前选中的字的内容的样式。来改变他即可。
$("#step-3").find("dl.calculations .month-max") 这里是获取样式，removeClass和addClass添加样式。去百度查找你需要的函数。