动态添加下拉框的问题

目的是让当点击下拉框时，下拉框的内容可以动态地生成。可是每点一下，里面的内容不停地生成包括上次生成的东西。如何能够避免？如果每次先删除一次，可是又不能选中b了。请问如何解决这个问题。<script type="text/javascript" language="javascript">
function init1() {
    var sel = document.getElementById("Select1");
    //while(sel.options.length > 0) {sel.options[0] = null;}
    sel.options.add(new Option("a", "a"));
    sel.options.add(new Option("b", "b"));
   }
</script>
<body>
    <select id="Select1" name="D1" onclick="return init1()">
    </select>
</body>
</html>

解决方案 »

  1.   

    function   init1()   {
            var   sel   =   document.getElementById("Select1");
            for (var i=0;i<=sel.length;i++)
            {
            D1.remove(0);   
            }
            //while(sel.options.length   >   0)   {sel.options[0]   =   null;}
            sel.options.add(new   Option("a",   "a"));
            sel.options.add(new   Option("b",   "b"));
          }