奇怪的下拉列表，innerHTML怎么不好用？

<html>
<head>
<title>test</title>
</head>
<script language="JavaScript">
<!--
var i;
i = 0;
function test()
{
  id.innerHTML += "<input type='text' value='item"+i+"'>";
  i++;
}
//-->
</script>
<body>
<div id = "id"></div>
<button  onclick="test()">test it</button>
</body>
</html>不会啊

解决方案 »

  1.   

    如果你要在select中加入一项，可以不用<div>这样是不行的你可以这样写<html>
    <head>
    <title>test</title>
    </head>
    <script language="JavaScript">
    <!--
    function test()
    {
    var dd;
    dd = document.createElement("option");
    dd.text = "test item";
    document.all.select1.add(dd);
      
    }
    //-->
    </script>
    <body>
    <select name="select1"></select>
    <button  onclick="test()">test it</button>
    </body>
    </html>
      

  2.   

    你存为test.htm
    <html>
    <head>
    <title>test</title>
    </head>
    <script language="JavaScript">
    <!--
    var i;
    i = 0;
    function test()
    {
    var dd;
    dd = document.createElement("option");
    dd.text = "item "+i;
    document.all.select1.add(dd);
    i++; 
    }
    //-->
    </script>
    <body>
    <select name="select1"></select>
    <button  onclick="test()">test it</button>
    </body>
    </html>
      

  3.   

    楼上的请看清问题，我没说所有的innerHTML都有问题，只是select对象的innerHTML
    有这个问题，不知你有没有把我的代码运行一下试试看？
      

  4.   

    因该不是这样用吧，你因该<div id=test><select></select></div>
    对test进行操作就可以了
      

  5.   

    上面讲过了对DOM节点操作当然可以，我只想知道为什么置innerHTML不行，还有这样代码也会简洁很多。
      

  6.   

    最简单吗~~~<html>
    <head>
    <title>test</title>
    </head>
    <script language="JavaScript">
    <!--
    function test()
    {
      S1.options[S1.length] = new Option('test item','');
      alert(S1.innerHTML);
    }
    //-->
    </script>
    <body>
    <select id="S1" size="1"></select>
    <button  onclick="test()">test it</button>
    </body>
    </html>
      

  7.   

    按照我的理解，这是select控件的bug。这样做可以解决：<html>
    <head>
    <title>test</title>
    </head>
    <script language="JavaScript">
    <!--
    function test()
    {
      var st = S1.outerHTML;
      S1.outerHTML = st.replace("</SELECT>",'<option value="">test item</option></SELECT>');
      alert(S1.innerHTML);
    }
    //-->
    </script>
    <body>
    <select id="S1"></select>
    <button  onclick="test()">test it</button>
    </body>
    </html>
      

  8.   

    真的是IE的bug吗？这么明显的问题微软怎么会没发现？IE已经升级了n次了，怎么还有这么
    明显的问题？
    zltostem(尘寞)真是高人啊，
    我是第一次看到new方法也可以用在DOM对象上（我是不是太菜了？），其它DOM对象也能
    这么写吗？不知构造函数需要哪些参数？
      

  9.   

    emu_ston(吃的就是没文化的亏) 
    方法不错
      

  10.   

    innerHTML对select和tbody都有同样的问题的
    select1.innerHTML = ""这样可以清空option,但本人不支持用这方法清空