动态添加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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
js Map List 遍历使用示例
Jul 10 Javascript
js 三级关联菜单效果实例
Aug 13 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
Nov 30 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
Apr 16 Javascript
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
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
php实现学生管理系统
2020/03/21 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
java解析json方法总结
2019/05/16 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
2012/03/14 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
js常用DOM方法详解
2017/02/04 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
咖啡店自主创业商业计划书
2014/01/22 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
公司授权委托书
2014/10/17 职场文书
2014年酒店工作总结范文
2014/11/17 职场文书
长城的导游词
2015/01/30 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python
python热力图实现的完整实例
2022/06/25 Python