select innerHTML在IE和FireFox下處理
Posted on 2008-01-02 09:37 semovy 閱讀(2089) 評論(1) 編輯 收藏 所屬分類: JavaScript在前一段時間,做ajax的時候,碰到了這樣的問題:
<form name=form1 action='#' method=post>
<select name=typelist id=typelist>
<option value=0>=請選擇=</option>
</select>
</form>
下面是一個jscript函數
<script language=javascript type='text/javascript'>
function getTypeById(){
var obj = document.getElementById('typelist');
var result = "";
for(var i = 1; i < 6; i++ ){
result += "<option value="+i+">"+i+"</option>" ;
}
obj.innerHTML = result;
}
</script>
出現的結果<select></select>中的內容在IE下運行為空白,而在FireFOx中運行正確。
針對這樣情況的解決辦法是換另一種方法做
function getTypeById(id){
var s=document.getElementById(id);
for(var i = 1; i < 6; i++ ){
s.options[s.options.length] = new Option(i,i);
}
}
<form name=form1 action='#' method=post>
<select name=typelist id=typelist>
<option value=0>=請選擇=</option>
</select>
</form>
下面是一個jscript函數
<script language=javascript type='text/javascript'>
function getTypeById(){
var obj = document.getElementById('typelist');
var result = "";
for(var i = 1; i < 6; i++ ){
result += "<option value="+i+">"+i+"</option>" ;
}
obj.innerHTML = result;
}
</script>
出現的結果<select></select>中的內容在IE下運行為空白,而在FireFOx中運行正確。
針對這樣情況的解決辦法是換另一種方法做
function getTypeById(id){
var s=document.getElementById(id);
for(var i = 1; i < 6; i++ ){
s.options[s.options.length] = new Option(i,i);
}
}