想实现如下效果:
默认页面中显示下拉列表
在下拉列表中,如果没有需要的值,那么在旁边放一个新增的按钮
当点击新增后,下拉列表的位置由一个文本框代替
由文本框输入值来提交大家帮帮忙,严重感谢先。

解决方案 »

  1.   


    <html>
    <head></head>
    <script type="text/javascript">
    function test()
    {
    document.getElementById("select").style.display = "none";
    document.getElementById("cText").style.display = "block";
    }
    </script>
    <body>
    <select id="select" style="display:block;">
    <option>测试1</option>
    <option>测试2</option>
    <option>测试3</option>
    </select>
    <input type="text" id="cText" style="display:none;"/>
    <input type="button" value="自定义" onclick="test();"/>
    </body>
    </html>