怎样在javascript里动态添加option


<select id="t1ssts" name="t1ssts" style="width: 120px; font-size: 10pt;">
     <option value="1">1<option>
     <option value="2">2<option>
     <option value="3">3<option>
在脚本里删除原来所有的option，添加新的option
text="4" value="4"
text="5" value="5"
text="6" value="6"应该怎么样做？谢谢~！

解决方案 »

  1.   

    <!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" />
    </head><body>
    <select id="t1ssts" name="t1ssts" style="width: 120px; font-size: 10pt;">
         <option value="1">1<option>
         <option value="2">2<option>
         <option value="3">3<option>
    </select>
    <script>
    document.getElementById('t1ssts').innerHTML = '';

    var option = document.createElement('option');
    option.value = '我是新的';
    option.innerHTML = '我是新的';

    document.getElementById('t1ssts').appendChild(option)
    </script>
    </body>
    </html>