動態(tài)添加option及createElement使用示例

更新時間：2014年01月26日 15:44:22 作者：

動態(tài)添加option在某些特殊的情況下還是比較實用的，本文有個小示例為大家介紹下createElement使用，感興趣的朋友可以參考下

 
<!DOCTYPE html> 
<html> 
<head> 
<title>select.html</title> 

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="this is my page"> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 

<!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 

</head> 

<body> 
<select id = "myCourse" onchange = "getCourse();"> 
<option value = "" selected>--請選擇一門課程--</option> 
</select> 

<textarea id = "myares" rows="10" cols="30"></textarea> 
<script type="text/javascript" type = "text/javascript"> 
<!-- 
var last_select_num = 3;//加入從數(shù)據庫中查詢 

//動態(tài)添加第一門課程 
var myOption = document.createElement("option"); 
myOption.value = "java"; 
myOption.text = "java"; 
myCourse.add(myOption); 

//動態(tài)添加第二門課程、 
myOption = document.createElement("option"); 
myOption.value = "oracle"; 
myOption.text = "oracle"; 
myCourse.add(myOption); 

//動態(tài)添加第三門課程、 
myOption = document.createElement("option"); 
myOption.value = "javaEE"; 
myOption.text = "javaEE"; 
myCourse.add(myOption); 

function getCourse(){ 
myares.value += "你選擇了："+myCourse.value +"\r\n"; 
} 
--> 
</script> 
</body> 
</html> 

您可能感興趣的文章:

微信小程序藍牙連接小票打印機實例代碼詳解
這篇文章主要介紹了微信小程序藍牙連接小票打印機實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-06-06
js防止DIV布局滾動時閃動的解決方法
這篇文章主要介紹了js防止DIV布局滾動時閃動的解決方法,通過js的window.requestAnimationFrame來解決這一問題,非常具有實用價值,需要的朋友可以參考下
2014-10-10
js鍵盤方向鍵文章翻頁跳轉的效果[小說站常用已支持firefox]
一些小說或圖片類網站，為了方便大家閱讀，往往會加入利用鍵盤方向鍵進行翻頁、返回上一級、返回目錄、回首頁等功能。
2009-05-05
BootStrap 實現(xiàn)各種樣式的進度條效果
這篇文章主要介紹了BootStrap 實現(xiàn)各種樣式的進度條效果,代碼分為動態(tài)和疊加兩種效果，需要的朋友可以參考下
2016-12-12
JS實現(xiàn)控制圖片顯示大小的方法【圖片等比例縮放功能】
這篇文章主要介紹了JS實現(xiàn)控制圖片顯示大小的方法,即實現(xiàn)圖片等比例縮放功能,涉及JS動態(tài)操作頁面元素屬性相關技巧,需要的朋友可以參考下
2017-02-02
JS?try?catch用法舉例之異常處理
JavaScript try…catch是我們使用的功能之一,作為Web前端工程師,JavaScript try…catch是我們使用的功能之一,這篇文章主要給大家介紹了關于JS?try?catch用法舉例之異常處理的相關資料,需要的朋友可以參考下
2024-06-06
小程序中實現(xiàn)自定義頭部導航組件的詳細過程
這篇文章主要介紹了小程序中實現(xiàn)自定義頭部導航組件的詳細過程,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
2024-06-06
3分鐘掌握常用的JS操作JSON方法總結
工作中做了幾款自動化測試工具都是跟日志讀取相關，日志格式又大多數(shù)都是JSON，所以這里把常用的JS操作JSON的方法做了總結
2017-04-04
JS定義函數(shù)的幾種常用方法小結
這篇文章主要介紹了JS定義函數(shù)的幾種常用方法,結合實例形式總結分析了javascript函數(shù)表達式、Lambda 表達式、對象方法等常見函數(shù)定義操作技巧,需要的朋友可以參考下
2019-05-05
JavaScript判斷數(shù)組重復內容的兩種方法(推薦)
本文給大家介紹兩種JavaScript判斷數(shù)組重復內容的方法(推薦)非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧
2016-06-06