新手自学javascript,遇到小问题，求解！！急！！！


通过下拉框选择字体样式，第一次选择字体样式改变了，再次选择却不变！！例如，第一个选择字母大写，变成大写了，再选字体小写不改变！！！新手求教！！先谢了！！JavaScript

解决方案 »

  1.   


    <div id="test">DDDDDDDDDDDDDDDDfjsdlfjsldfjldsj</div>
    <select name="s" id="ss" onchange="changetext()">
    <option value="">-----</option>
    <option value="none">none</option>
    <option value="capitalize">capitalize</option>
    <option value="uppercase">uppercase</option>
    <option value="lowercase">lowercase</option>
    </select>
    <script type="text/javascript">
    function changetext() {
    var s = document.getElementById("ss");
    var t = document.getElementById("test");
    t.style.textTransform = s.options[s.selectedIndex].value;
    }
    </script>
      

  2.   

    Quote: 引用 1 楼 ftiger 的回复:

    发代码，别发图片。<script type="text/javascript" src="docTool.js" ></script>
    <script type="text/javascript">
    function change(){
    var selNode=byId("selid");
    var value=selNode.options[selNode.selectedIndex].value;
    alert(value);

    var divNode1=byId("cssid");
    var divNode2=byId("textid");

    divNode1.style.textTransform=value;
    divNode2.innerText="text-transform:"+value+";";
    }
    </script><style type="text/css">
    #cssid{
    height:100px;
    width:300px;
    background-color:#0FF;
    }
    #textid{
    background-color:#CCC;
    width:300px;
    }</style>
    </head><body>
    <div id="cssid">
    Good good study,Day Day up!
    </div>
    <p></p>
    <select id="selid" onchange="change()">
        <option value="none">--text-transform--</option>
        <option value="capitalize">首字母大写</option>
        <option value="uppercase">字母大写</option>
        <option value="lowercase">字母小写</option>
    </select>
    <p></p>
    <div id="textid">
        text-transfrom:none;
    </div>
    </body>
    </html>
    var doc=document;function byId(id){
    return document.getElementById(id);
    }function byTag(tag){
    return document.getElementsByTagName(tag);
    }
    function byName(Name){
    return document.getElementsByName(Name);
    }
      

  3.   

    Ie6,firefox和chrome下测试都没有问题，陏便换。