会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
①只螃蟹?条腿™...
.NET世界是如此精彩,而我们要做的就是:Thinking More..
博客园
首页
新随笔
管理
订阅
关于下拉框的常用js操作
<
select
id
="selTest"
onchange
="changeColor(this)"
>
<
option
value
="-1"
selected
="selected"
>
默认
</
option
>
<
option
value
="0"
>
选项A
</
option
>
<
option
value
="1"
>
选项B
</
option
>
</
select
>
<
script type
=
"
text/javascript
"
>
function
changeColor(opt)
{
//
得到选中项的索引
index
=
opt.selectedIndex;
alert(
"
选中项的索引:
"
+
index);
//
得到选中项的文本内容
content
=
opt[index].text;
alert(
"
选中项的文本内容:
"
+
content );
//
得到选中项的value值
value
=
opt[index].value;
alert(
"
选中项的Value值:
"
+
value );
//
改变选中的项的文本值
opt[index].text
=
"
new value
"
;
//
改变选中的项的索引
opt[index
+
1
].selected
=
"
selected
"
;
//
改变颜色
document.getElementById(opt.id).style.color
=
"
red
"
;
}
<
/
script>
posted on
2008-05-04 18:48
A.feng..
阅读(
1436
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部