<div class="codetitle"> <span><a style="CURSOR: pointer" data="90737" class="copybut" id="copybut90737" onclick="doCopy('code90737')"><u>複製程式碼</u></a></span> 代碼如下:</div> <div class="codebody" id="code90737"> <br> <br><br> <br> <br> <br><title>select.html</title> <br><br><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <br><meta http-equiv=" description" content="this is my page"> <br><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <br><br><!--< link rel="stylesheet" type="text/css" href="./styles.css">--> <br><br> <br><br> <br><select id="myCourse" onchange="getCourse();"> <br><option value="" selected>--請選擇一門課程--</option> <br></select> <br><br><textarea id="myares" rows="10" cols="30"></textarea> <br><script type="text/javascript"> <br><!-- <br>var last_select_num = 3;//加入從資料庫查詢<BR><BR>//動態新增第一門課程<BR>var myOption = document.createElement("option"); <BR>myOption.value = "java"; <br>myOption.text = "java"; <br>myCourse.add(myOption); <BR><BR>//動態新增第二門課程、 <BR>myOption = document.createElement( "option"); <BR>myOption.value = "oracle"; <br>myOption.text = "oracle"; <br>myCourse.add(myOption); <BR><BR>//動態新增第三門課程、 <BR>myOption = document.createElement("option"); <BR>myOption.value = "javaEE"; <br>myOption.text = "javaEE"; <br>myCourse.add(myOption); <BR><BR>function getCourse(){ <BR>myares.value = "你選擇了:" myCourse.value "rn"; <BR>} <BR>--> <BR></script> <br> </div> <br><img src="http://files.jb51.net/file_images/article/201401/201401261546431.gif?2014026154658" alt="動態新增option及createElement使用範例_javascript技巧" >