快捷導(dǎo)航

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

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

動(dòng)態(tài)添加option在某些特殊的情況下還是比較實(shí)用的，本文有個(gè)小示例為大家介紹下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ù)據(jù)庫中查詢 

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

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

//動(dòng)態(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> 

您可能感興趣的文章:

相關(guān)文章

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