动态添加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>

 
最新资讯
滴滴全员今年年终奖减半高管无奖:因表现不如预期

滴滴全员今年年终奖减

在12月14日的滴滴出行全员大会上, 滴滴CEO程维表示,今年
宝马在成都启动网约车业务:最低消费140元

宝马在成都启动网约车

如果消息属实,宝马网约车服务应该是目前市场上收费标准
持股少于1500股不派息 腾讯分红引轩然大波

持股少于1500股不派息

腾讯控股日前公告,就分拆腾讯音乐娱乐集团在美国独立上
Facebook重组硬件团队Building 8 更名Portal

Facebook重组硬件团队

Facebook正在重组公司的实验性硬件团队,并把其登月项目
苹果遭集体诉讼 称iPhone屏幕尺寸和像素为虚假宣传

苹果遭集体诉讼 称iPh

周五,苹果被提起集体诉讼,称其在iPhone OLED显示屏的尺
产业二次腾飞!阿里半导体“平头哥”落户张江

产业二次腾飞!阿里半导

张江地区消息显示,阿里半导体的“平头哥”将会正式落户
最新文章
详解mpvue小程序中怎么引入iconfont字体图标

详解mpvue小程序中怎

这篇文章主要介绍了详解mpvue小程序中怎么引入iconfon
JS如何获取地址栏的参数实例讲解

JS如何获取地址栏的参

本篇文章给大家带来了关于JS如何获取地址栏的参数实例
angularJs利用$scope处理升降序的方法

angularJs利用$scope

今天小编就为大家分享一篇angularJs利用$scope处理升
CKEditor4配置与开发详细中文说明文档

CKEditor4配置与开发

网上分享的CKEditor4中文说明很多都只是的部分使用方
angularjs获取到My97DatePicker选中的值方法

angularjs获取到My97D

今天小编就为大家分享一篇angularjs获取到My97DatePic
vue实现一个炫酷的日历组件

vue实现一个炫酷的日

公司业务新开了一个商家管理微信H5移动端项目,日历控件