<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!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>
<title>Untitled Page</title>
</head>
<body οnlοad="f()">
<select id="s">
<option value="55">就是这样的。</option>
</select>
</body>
<script>
function f(){
var s = document.getElementById('s');
for(var i=0; i<10; i++){
var option = document.createElement('option');
//s.insertBefore(option,s.options[0]);
/* 标准做法使用 s.options.add() */
s.options.add(option)
/* 非标准做法就是用 insertBefore 或者 appendChild */
//s.appendChild(option);
option.text = 'hello' + i;
//option.innerHTML = 'Hello' + i;
option.value = i;
// s.appendChild(option);
}
/* 当且仅当用 s.options.add() 添加项时才有效 */
s.selectedIndex = 4 ;
}
</script>
</html>
关于 select 的添加 option 应该注意的问题。