動態(tài)添加option及createElement使用示例
更新時間:2014年01月26日 15:44:22 作者:
動態(tài)添加option在某些特殊的情況下還是比較實用的,本文有個小示例為大家介紹下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選項的方法
- jQuery動態(tài)產(chǎn)生select option下拉列表
- JQuery動態(tài)添加Select的Option元素實現(xiàn)方法
- JS 通過系統(tǒng)時間限定動態(tài)添加 select option的實例代碼
- 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(附實例代碼)
- javascript 動態(tài)設(shè)置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項
- js或jquery動態(tài)輸出select option的實現(xiàn)代碼
相關(guān)文章
antd designable平臺的組件拖拽功能實現(xiàn)代碼
這篇文章主要介紹了antd designable平臺的組件拖拽功能實現(xiàn)代碼,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07JavaScript 預(yù)解析的4種實現(xiàn)方法解析
這篇文章主要介紹了JavaScript 預(yù)解析的4種實現(xiàn)方法解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09如何使用uniapp開發(fā)微信小程序獲取當(dāng)前位置詳解
uni-app小程序項目無法直接獲取到地理位置,只能通過獲取到的經(jīng)緯度,調(diào)用第三方地圖Api獲取,下面這篇文章主要給大家介紹了關(guān)于如何使用uniapp開發(fā)微信小程序獲取當(dāng)前位置的相關(guān)資料,需要的朋友可以參考下2022-10-10nullJavascript中創(chuàng)建對象的五種方法實例
今天上午,非常郁悶,有很多簡單基礎(chǔ)的問題搞得我有些迷茫,哎,代碼幾天不寫就忘。目前又不當(dāng)COO,還是得用心記代碼哦!2013-05-05Bootstrap Multiselect 常用組件實現(xiàn)代碼
bootstrap-multiselect插件是一款基于bootstrap的下拉框美化插件,我們一般用來請求后臺返回具有l(wèi)abel和text對象的json數(shù)組即可渲染。接下來通過本文給大家分享Bootstrap Multiselect 常用組件實現(xiàn)代碼,感興趣的朋友一起看看吧2017-07-07js獲取當(dāng)前日期昨天、今天、明天日期的不同方法總結(jié)
JS中處理日期時間常用Date對象,下面這篇文章主要給大家介紹了關(guān)于利用js獲取當(dāng)前日期昨天、今天、明天日期的不同方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11