js 改变select选项时更新文字样式
http://www.w3school.com.cn/jquery/css_css.asp
http://www.w3school.com.cn/jquery/css_css.asp
解决方案 »
- javascript中如何取到一个函数的值
- ext.FormPanel提交后。获得的json中文乱码。。
- 如何实现多张图片切换时每张图片都不变形?
- 设置失效时间,可浏览器关闭重新打开,Cookie还是消失了?
- 问一个关于jquery 获取节点属性的问题
- 求助:JavaScript中无法使用FileSystemObject
- 二级联动下拉框错误,请高手指点啊!!!!急,谢谢各位了!!!
- 关于javascript打开Excel的问题
- 大家好,大家真的很好
- 怎么设置Jquery 多选下拉列表插件jquery multiselect 的高度?
- 求大神帮忙解一段JS编码,小弟跪谢了!
- 初学MV*框架 , 视图复用的提问。高手进!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<input type="text" id="test" /><br/>
<select onchange="changeStyle(this)">
<option value="red">红色</option>
<option value="green">绿色</option>
</select>
<select onchange="changeStyle(this)">
<option value="20px">20px</option>
<option value="30px">30px</option>
</select>
<script type="text/javascript">
var t=document.getElementById('test');
function changeStyle(th){
var value=th.value;
/^[a-z]+$/.test(value)?t.style.color=value:t.style.fontSize=value;
}
</script>
</body>
</html>
<!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>
</head><body>
<input type="text" id="test" /><br/>
<select onchange="changeStyle(this)">
<option value="red">红色</option>
<option value="green">绿色</option>
</select>
<select onchange="changeStyle(this)">
<option value="20px">20px</option>
<option value="30px">30px</option>
</select>
<script type="text/javascript">
var t=document.getElementById('test');
function changeStyle(th){
var value=th.value;
/^[a-z]+$/.test(value)?t.style.color=value:t.style.fontSize=value;
}
</script>
</body>
</html>