动态添加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 +"rn";
}
-->
</script>
</body>
</html>

 
最新资讯
瑞幸把你们都骗了

瑞幸把你们都骗了

在过去的一年当中,关于“新物种”瑞幸咖啡的热议一轮接
易到用车服务器遭到连续攻击 攻击者索要巨额比特币

易到用车服务器遭到连

26日凌晨,易到用车服务器遭到连续攻击,给用户使用带来严
周鸿祎谈中芯国际退市 人们现在才明白360是先见之明

周鸿祎谈中芯国际退市

360董事长兼CEO周鸿祎谈到“中芯国际退市”时表示,科技
发力新能源:从新能源汽车产业发展看中国经济新动能

发力新能源:从新能源汽

去年以来,新能源汽车的优秀表现成为中国车市的一抹亮色
喜马拉雅FM 12名董事退出 回应:因公司搭VIE结构

喜马拉雅FM 12名董事

喜马拉雅FM回应称:此次变动是因为公司搭VIE结构,所有境
联合国秘书长致2019中国国际大数据产业博览会贺信

联合国秘书长致2019中

联合国秘书长安东尼奥·古特雷斯致2019中国国际大数据
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编