动态添加option及createElement使用示例

更新时间：2014年01月26日 15:44:22 作者：

动态添加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;//加入从数据库中查询 

//动态添加第一门课程 
var myOption = document.createElement("option"); 
myOption.value = "java"; 
myOption.text = "java"; 
myCourse.add(myOption); 

//动态添加第二门课程、 
myOption = document.createElement("option"); 
myOption.value = "oracle"; 
myOption.text = "oracle"; 
myCourse.add(myOption); 

//动态添加第三门课程、 
myOption = document.createElement("option"); 
myOption.value = "javaEE"; 
myOption.text = "javaEE"; 
myCourse.add(myOption); 

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

您可能感兴趣的文章:

JS实现将链接生成二维码并转为图片的方法
这篇文章主要介绍了JS实现将链接生成二维码并转为图片的方法,涉及qrcodejs插件及js图片生成相关操作技巧,需要的朋友可以参考下
2018-03-03
一步步教你使用JavaScript打造一个扫雷游戏
javascript作为前端常用的开发语言,越来越多的人都在学习它,下面这篇文章主要给大家介绍了关于如何使用JavaScript打造一个扫雷游戏的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-02-02
JavaScript实现大数的运算
js的'MAX_SAFE_INTEGER'是9007199254740991，而'MIN_SAFE_INTEGER'为-9007199254740991，那么如何实现一些特别大的数目相加？今天我们就来探讨下
2014-11-11
使用纯前端JavaScript实现Excel导入导出方法过程详解
这篇文章主要介绍了使用纯前端JavaScript实现Excel导入导出方法过程详解，文章通过示例代码和图文解析介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
javascript利用键盘控制小方块的移动
这篇文章主要为大家详细介绍了javascript利用键盘控制小方块的移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-04-04
js与jQuery实现获取table中的数据并拼成json字符串操作示例
这篇文章主要介绍了js与jQuery实现获取table中的数据并拼成json字符串操作,涉及javascript与jQuery针对HTML页面table表格数据获取、遍历及json字符串拼接相关操作技巧,需要的朋友可以参考下
2018-07-07
JavaScript树形数据结构处理
这篇文章主要介绍了JavaScript树形数据结构处理，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下
2022-07-07
js求数组最大值的八种具体实现方法
数组如何求最大值,想必很多的朋友都不会吧,下面这篇文章主要给大家介绍了关于使用js求数组最大值的八种方法具体实现的相关资料,文中给出了详细的代码示例,需要的朋友可以参考下
2023-09-09
webpack入门必知必会
本文主要介绍了webpack入门的一些简单命令和基本配置信息，从代码拆分、打包、压缩的角度和传统的前端项目进行对比，希望以此加深大家对webpack基础知识的印象。下面跟着小编一起来看下吧
2017-01-01
JavaScript 事件冒泡简介及应用
这篇文章有助于大家认识事件冒泡的一些知识。
2010-01-01