javascript动态添加课程-createElement的使用注意事项 - Joanna Qian

代码如下

<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代码必须放在页面的最底部

真是害死人了

posted on 2012-09-01 02:58 Joanna Qian 阅读(433) 评论(0) 收藏举报

刷新页面返回顶部