动态添加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 相关文章推荐
js检查页面上有无重复id的实现代码
Jul 17 Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
javascript与jquery动态创建html元素示例
Jul 25 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
Sep 14 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
Oct 16 Javascript
Vue混入mixins滚动触底的方法
Nov 22 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
基于vue+element实现全局loading过程详解
Jul 10 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
php通过字符串调用函数示例
2014/03/02 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
php实现简单文件下载的方法
2015/01/30 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
jQuery事件用法实例汇总
2014/08/29 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
基于vuejs实现一个todolist项目
2017/04/11 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
python+Django+apache的配置方法详解
2016/06/01 Python
Python判断一个三位数是否为水仙花数的示例
2018/11/13 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
详解python中各种文件打开模式
2020/01/19 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
Python爬取梨视频的示例
2021/01/29 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
Weblogic的布署方式
2013/08/23 面试题
项目申报专员岗位职责
2014/07/09 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
python 如何获取页面所有a标签下href的值
2021/05/06 Python