下拉列表 急

document.getElmentById("selectname").options.add(new Option("..","..."))

解决方案 »

  1.   

    首先   非常的感谢   可以写的详细点吗?  最好是  html代码的?  谢谢
      

  2.   

    给你个例子，直接可以用
    <!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>Untitled Document</title>
    <script language="javascript">
    function DisplayDiv(sel1)
    {
    var div1 = document.getElementById("div1");
    var div2 = document.getElementById("div2");
    var div3 = document.getElementById("div3");

    if(sel1.value == "1")
    {
    div1.style.display = "block";
    div2.style.display = "none";
    div3.style.display = "none";
    }
    else if(sel1.value == "2")
    {
    div1.style.display = "none";
    div2.style.display = "block";
    div3.style.display = "none";
    }
    else if(sel1.value == "3")
    {
    div1.style.display = "none";
    div2.style.display = "none";
    div3.style.display = "block";
    }
    }
    </script>
    </head><body>
    <select id="sel1" onchange="DisplayDiv(this);">
    <option value="s">请选择</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>
    <div id="div1" style="display:none; background-color:#FF0000;">
    <input type="text" value="111" />
    </div>
    <div id="div2" style="display:none; background-color:#00FF00;">
    <input type="text" value="222" />
    </div>
    <div id="div3" style="display:none; background-color:#0000FF;">
    <input type="text" value="333" />
    </div>
    </body>
    </html>
    上面的代码只实现了你所说的选择不同项选择不同的div显示
    输完后内容要显示在页面是什么意思？