我們用select來選取一個國家,當(dāng)我辛辛苦苦拼湊字符串,然后把這個字符串賦值給select的innerHTML,運行,在firefox下能顯示出所有的國家。但是在IE下卻什么都沒有顯示。剛開始我還以為是我拼湊的字符串有問題,仔細檢查沒有啊。后臺到google上search了下,發(fā)現(xiàn)是ie處理select的一個bug。于是做了一個簡單的測試。
1
<html>
2
<head>
3
<title>test</title>
4
<script language="javascript">
5
function test(){
6
var elem=document.getElementById("testS");
7
elem.innerHTML="<option value=1>aa</option>";
8
}
9
10
</script>
11
</head>
12
<body>
13
<input type=button value=test onclick='test()'>
14
<div>
15
<select id='testS'></select>
16
</div>
17
</body>
18
</html>

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

點擊test按鈕,在IE下,select框沒有任何的內(nèi)容。怪異啊!
于是不得不利用Option對象來增加select的內(nèi)容。