有没有比较好的方法生成select的option

Question

有HTML代码
<select name="test"></select>在JavaScript已知
var str='<option value ="volvo">Volvo</option>  <option value ="saab">Saab</option>  <option value="opel">Opel</option>  <option value="audi">Audi</option>';
现在有没有什么好的方法,根据str的值初始化HTML里的select的下拉框?

Answer 1

KongHuLu
这样试过了,不行. 下拉框为空
var str='<option value ="volvo">Volvo</option>  <option value ="saab">Saab</option>  <option value="opel">Opel</option>  <option value="audi">Audi</option>';
            var obj=document.getElementsByName("test")[0];
            obj.innerHTML += str;

Answer 2

ie设置innerHTML不行，可以通过outerhtml来弄<select name="test"></select> 
<script>
    var str = '<option value ="volvo">Volvo</option><option value ="saab">Saab</option>  <option value="opel">Opel</option>  <option value="audi">Audi</option>';
    var obj = document.getElementsByName("test")[0];
    if (window.ActiveXObject)obj.outerHTML=obj.outerHTML.replace(/<\/select>/i,str+'</select>');
    else obj.innerHTML += str;
</script> 

Answer 3

操作dom
var option=document.createElement('option');
option.value='a';
option.innerHTML='a';
se.appendChild(option)
试试