代码如下
<body>
<h2> javascript dynamic select</h2>
<select id="myCourse" name="myCourse" onchange="getCourse();">
<option value="" selected>--Please choose one course--</option>
</select>
<textarea id="myares" cols=30 rows=10></textarea>
</body>
<!--在页面onload的时候还没有select和option这个控件
所以代码必须放在页面的最底部-->
<script type="text/javascript">
<!--
var last_select_num=3; //加入从数据库中查询，发现用户上次的选择
//动态添加第一门课程java
var myOption=document.createElement("option");
myOption.value="java";
myOption.text="java";
myCourse.add(myOption);
//动态添加第二门课程oracle
myOption=document.createElement("option");
myOption.value="oracle";
myOption.text="oracle";
myCourse.add(myOption);
//动态添加第三门课程将j2ee
myOption=document.createElement("option");
myOption.value="j2ee";
myOption.text="j2ee";
myCourse.add(myOption);
function getCourse(){
myares.value+="you choosed 1 "+myCourse.value+"\r\n";
//myares.value="you choosed 1 "+myCourse.options[myCourse.selectedIndex].innerText;
}
-->
</script>
测试的时候怎么都创建不了，网上一顿乱查，才知道原来：
在页面onload的时候还没有select和option这个控件 所以javascript代码必须放在页面的最底部
真是害死人了