动态添加option及createElement使用示例


Posted in Javascript onJanuary 26, 2014
<!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>

动态添加option及createElement使用示例 
Javascript 相关文章推荐
jQuery setTimeout()函数使用方法
Apr 07 Javascript
jQuery中 noConflict() 方法使用
Apr 25 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
javascript动画算法实例分析
Jul 31 Javascript
理解javascript闭包
Dec 15 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
Vue中computed与methods的区别详解
Mar 24 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
js和jquery使按钮失效为不可用状态的方法
Jan 26 #Javascript
js中创建对象的几种方式示例介绍
Jan 26 #Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
Jan 26 #Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 #Javascript
JS对象转换为Jquery对象示例
Jan 26 #Javascript
JavaScript原型链示例分享
Jan 26 #Javascript
JS设置获取cookies的方法
Jan 26 #Javascript
You might like
php简单封装了一些常用JS操作
2007/02/25 PHP
dedecms模版制作使用方法
2007/04/03 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
利用php绘制饼状图的实现代码
2013/06/07 PHP
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
2016/01/01 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
Python运维之获取系统CPU信息的实现方法
2018/06/11 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
Python接口测试环境搭建过程详解
2020/06/29 Python
通过Python实现Payload分离免杀过程详解
2020/07/13 Python
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
正隆泰信息技术有限公司上机题
2012/06/14 面试题
程序员经常用到的UNIX命令
2015/04/13 面试题
给朋友的道歉信
2014/01/09 职场文书
家长评语和期望
2014/02/10 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
工作失职检讨书
2015/01/26 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
mysql函数之截取字符串的实现
2022/08/14 MySQL