主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
前台制作与脚本专栏
» 为什么改变不了文本框内容的颜色呢?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
为什么改变不了文本框内容的颜色呢?
njtong
[楼主]
中级会员
帖子
89
体力
218
威望
0
当前
江苏 南京
离线
69 天
发短消息
加为好友
1
#
大
中
小
发表于 2008-9-23 17:11
<script language="javascript">
function colors()
{
alert(document.form1.coid.value);
switch(document.form1.coid.vaule){
case 1: document.form1.id.style.color='red';
case 2: document.form1.id.style.color='green'
}
}
</script>
<body>
<form action=" " name="form1" method="post">
<input type="text" name="id" />
<select name="coid" onchange="colors()">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
积分
218
阅读权限
30
在线时间
33 小时
注册时间
2007-4-3
最后登录
2008-9-24
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
微软开发者工具互动网站
takuma888
银牌会员
帖子
687
体力
1235
威望
0
当前
湖北 武汉
离线
5 天
个人空间
发短消息
作品 1
加为好友
专长
前端制作,.NET
2
#
大
中
小
发表于 2008-9-23 17:16
使用document.getElementById试一试
前端设计 javascirpt
积分
1235
阅读权限
70
性别
男
在线时间
314 小时
注册时间
2006-10-3
最后登录
2008-11-27
查看详细资料
TOP
美橙vps独立IP月付189元
|
千千静听皮肤设计大赛
njtong
[楼主]
中级会员
帖子
89
体力
218
威望
0
当前
江苏 南京
离线
69 天
发短消息
加为好友
3
#
大
中
小
发表于 2008-9-23 17:25
还是不行 是不是我那里出问题了啊? 怎么回事呢?
积分
218
阅读权限
30
在线时间
33 小时
注册时间
2007-4-3
最后登录
2008-9-24
查看详细资料
TOP
activeTechPros 共享IT行业薪资信息
|
《疯狂的程序员》劲爆上市
takuma888
银牌会员
帖子
687
体力
1235
威望
0
当前
湖北 武汉
离线
5 天
个人空间
发短消息
作品 1
加为好友
专长
前端制作,.NET
4
#
大
中
小
发表于 2008-9-23 18:44
<script language="javascript"> function colors() { switch(document.getElementById("coid").value){ case "1": document.form1.id.style.color='red';break; case "2": document.form1.id.style.color='green';;break; } } </script> <body> <form action=" " name="form1" method="post"> <input type="text" name="id" /> <select id="coid" name="coid" onchange="colors()"> <option value="1">1</option> <option value="2">2</option> </select> </form>
提示:您可以先修改部分代码再运行
[
本帖最后由 takuma888 于 2008-9-23 18:58 编辑
]
前端设计 javascirpt
积分
1235
阅读权限
70
性别
男
在线时间
314 小时
注册时间
2006-10-3
最后登录
2008-11-27
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
faeng220
小秦
银牌会员
帖子
755
体力
1529
威望
4
当前
河南 平顶山
个人网站
发短消息
加为好友
打分 4
专长
前端制作,JS,ASP
5
#
大
中
小
发表于 2008-9-24 08:59
换个思路
<script language="javascript"> function colors(color){ document.form1.id.style.color=color; } </script> <body> <form action=" " name="form1" method="post"> <input type="text" name="id" /> <select name="coid" onchange="colors(this.value)"> <option value="red">红色</option> <option value="green">绿色</option> </select> </form>
提示:您可以先修改部分代码再运行
这样可以省掉switch.
如果颜色还有很多的话.用原来的结构,要在函数里面写好多分支.
而采用这种,就可以不用改动函数.而只用添加option就可以了.
偶系小秦!
积分
1533
阅读权限
70
性别
男
在线时间
378 小时
注册时间
2005-5-12
最后登录
2008-12-2
查看个人网站
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
体育运动、线下活动与游戏
创业版