動態(tài)添加option及createElement使用示例
更新時間：2014年01月26日 15:44:22 作者：
動態(tài)添加option在某些特殊的情況下還是比較實(shí)用的，本文有個小示例為大家介紹下createElement使用，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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ù)庫中查詢
//動態(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>
您可能感興趣的文章:
- jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
- 利用js給datalist或select動態(tài)添加option選項(xiàng)的方法
- jQuery動態(tài)產(chǎn)生select option下拉列表
- JQuery動態(tài)添加Select的Option元素實(shí)現(xiàn)方法
- JS 通過系統(tǒng)時間限定動態(tài)添加 select option的實(shí)例代碼
- JS & JQuery 動態(tài)添加 select option
- js動態(tài)改變select選擇變更option的index值示例
- jquery動態(tài)添加option示例
- JS動態(tài)添加與刪除select中的Option對象(示例代碼)
- 使用js對select動態(tài)添加和刪除OPTION示例代碼
- JS動態(tài)添加option和刪除option(附實(shí)例代碼)
- javascript 動態(tài)設(shè)置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項(xiàng)
- js或jquery動態(tài)輸出select option的實(shí)現(xiàn)代碼
相關(guān)文章
微信小程序藍(lán)牙連接小票打印機(jī)實(shí)例代碼詳解
這篇文章主要介紹了微信小程序藍(lán)牙連接小票打印機(jī)實(shí)例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了js防止DIV布局滾動時閃動的解決方法,通過js的window.requestAnimationFrame來解決這一問題,非常具有實(shí)用價值,需要的朋友可以參考下2014-10-10![js鍵盤方向鍵 文章翻頁跳轉(zhuǎn)的效果[小說站常用已支持firefox]](http://img.jbzj.com/images/xgimg/bcimg2.png)
js鍵盤方向鍵 文章翻頁跳轉(zhuǎn)的效果[小說站常用已支持firefox]
一些小說或圖片類網(wǎng)站，為了方便大家閱讀，往往會加入利用鍵盤方向鍵進(jìn)行翻頁、返回上一級、返回目錄、回首頁等功能。2009-05-05
BootStrap 實(shí)現(xiàn)各種樣式的進(jìn)度條效果
這篇文章主要介紹了BootStrap 實(shí)現(xiàn)各種樣式的進(jìn)度條效果,代碼分為動態(tài)和疊加兩種效果，需要的朋友可以參考下2016-12-12
JS實(shí)現(xiàn)控制圖片顯示大小的方法【圖片等比例縮放功能】
這篇文章主要介紹了JS實(shí)現(xiàn)控制圖片顯示大小的方法,即實(shí)現(xiàn)圖片等比例縮放功能,涉及JS動態(tài)操作頁面元素屬性相關(guān)技巧,需要的朋友可以參考下2017-02-02
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
工作中做了幾款自動化測試工具都是跟日志讀取相關(guān)，日志格式又大多數(shù)都是JSON，所以這里把常用的JS操作JSON的方法做了總結(jié)2017-04-04
這篇文章主要介紹了JS定義函數(shù)的幾種常用方法,結(jié)合實(shí)例形式總結(jié)分析了javascript函數(shù)表達(dá)式、Lambda 表達(dá)式、對象方法等常見函數(shù)定義操作技巧,需要的朋友可以參考下2019-05-05
JavaScript判斷數(shù)組重復(fù)內(nèi)容的兩種方法(推薦)
本文給大家介紹兩種JavaScript判斷數(shù)組重復(fù)內(nèi)容的方法(推薦)非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧2016-06-06