A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 依旧 中级黑马   /  2013-9-9 01:31  /  1317 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 依旧 于 2013-9-20 15:49 编辑

为什么每次点击下拉列表框只能显示第一次点击的效果,后面的效果点击,没有反应,要想出现所有效果必须每次点击下面效果之前,先点击一下值为none,也就是第一个,不知道那里出问题,求大神帮忙看一下什么情况!
<!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>
<style type="text/css">
#cssid{
  background-color:#0066FF;
  height:100px;
  width:300px
}
#textid{
  background-color:#FFFF66;
  width:300px;
}
</style>
<script type="text/javascript">
function change(){
var selNode=document.getElementById("selid");               //获取下拉列表节点
var value=selNode.options[selNode.selectedIndex].value;   //获取下拉列表框选中的值
var divNode1=document.getElementById("cssid");             //以id的形式获取第一个DIV的节点
var divNode2=document.getElementById("textid");            //以ID的形式获取第二个DIV的节点
divNode1.style.textTransform=value;                        //设置第一个DIV文本区的效果
divNode2.innerText="text-tranform:"+value+";";            //将选中的值放到第二个DIV文本区中
}
</script>
<body>
<div id="cssid">
     Good good STUDY,Day day up!
    </div>
    <p>
    </p>
     <select id="selid">
         <option value="none">--text-tranform--</option>
            <option value="capitalize">首字母大写</option>
            <option value="uppercase">全部大写</option>
            <option value="lowercase">全部小写</option>
        </select>
    <p>
    </p>
    <div id="textid">
     text-tranform:none
    </div>
</body>
</html>



评分

参与人数 1技术分 +1 收起 理由
黄文伯 + 1 赞一个!

查看全部评分

6 个回复

倒序浏览
亲,如问题已解决请将分类的“未解决”改为“已解决”。
以后的问题贴也要及时更改分类哦~
回复 使用道具 举报
楼主一个地方写错了,<select id="selid">,就是这一行代码,你没有加onchange事件,代码应该修改为<select id="selid" onchange="change()">,这样就行了,加上这行代码之后就能使用浏览器打开就能出现效果了,楼主饿第一次来这个bbs,想问一下怎么样才可以得到技术分啊,请教一下、、、
回复 使用道具 举报
yting_xmei1129 发表于 2013-9-20 13:53
楼主一个地方写错了,,就是这一行代码,你没有加onchange事件,代码应该修改为,这样就行了,加上这行代码 ...

恩,看到了,谢谢!
回复 使用道具 举报
请问一下,技术分该怎么弄啊!第一次进这个论坛,什么都还不熟悉,可以请教一下么、、、
回复 使用道具 举报
yting_xmei1129 发表于 2013-9-20 15:53
请问一下,技术分该怎么弄啊!第一次进这个论坛,什么都还不熟悉,可以请教一下么、、、 ...

参加活动(答题),回答别人提出的问题,自己提问,都是可以加技术分的,如果想知道详细的看下这个链接:
http://bbs.itheima.com/forum.php?mod=viewthread&tid=51275


回复 使用道具 举报
thanks....
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马