javascript动态添加课程-createElement的使用注意事项

最新推荐文章于 2024-05-28 00:30:00 发布
最新推荐文章于 2024-05-28 00:30:00 发布
阅读量226 收藏
点赞数
文章标签： javascript java 数据库 ViewUI

代码如下

<body>
<h2> javascript dynamic select</h2> 
<select id="myCourse" name="myCourse" οnchange="getCourse();">
    <option value="" selected>--Please choose one course--</option>
</select>
<textarea id="myares" cols=30 rows=10></textarea>
</body>
<!--在页面onload的时候还没有select和option这个控件
所以代码必须放在页面的最底部-->

<script type="text/javascript">
<!--
var last_select_num=3;  //加入从数据库中查询，发现用户上次的选择
//动态添加第一门课程java
var myOption=document.createElement("option");
myOption.value="java";
myOption.text="java";
myCourse.add(myOption);

//动态添加第二门课程oracle
myOption=document.createElement("option");
myOption.value="oracle";
myOption.text="oracle";
myCourse.add(myOption);

//动态添加第三门课程将j2ee
myOption=document.createElement("option");
myOption.value="j2ee";
myOption.text="j2ee";
myCourse.add(myOption);

function getCourse(){
    myares.value+="you choosed 1 "+myCourse.value+"\r\n";
    //myares.value="you choosed 1 "+myCourse.options[myCourse.selectedIndex].innerText; 
}
-->
</script>

测试的时候怎么都创建不了，网上一顿乱查，才知道原来：

在页面onload的时候还没有select和option这个控件 所以javascript代码必须放在页面的最底部

真是害死人了

weixin_34227447
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js 做一个课程表可移除可添加
飞鸟96
09-21 2603
html> html lang="en"> head> <!-- JQ $("div").eq(0) DOM $("div").get(0) --> meta charset="UTF-8"> title>Titletitle> style> *{ margin:0; paddi
javascript动态课程表
11-13
这是一个动态添加的课程表，可以通过更改学期从而更改选修课程，再进行添加！
JavaScript 页面资源加载方法onload，onerror总结
LuckyWinty的博客
03-10 3305
资源加载：onload，onerror浏览器允许我们跟踪外部资源的加载 —— 脚本，iframe，图片等。这里有两个事件：onload —— 成功加载，onerror —— 出现 erro...
Javascript 创建新节点 document.createElement()
最新发布
大剑师兰特的GIS世界
05-28 1187
在JavaScript中，创建新节点是DOM操作的重要组成部分，它允许你动态地向文档中添加内容。以下是创建新节点的详细说明、示例代码、注意事项以及常见应用场景。
在线教育_Day07-项目课程发布-添加课程信息
软件开发实战项目分享
03-07 532
我们添加基本课程信息时，需要涉及到两张表edu_course和edu_course_description，同时我们在添加课时还需要指定课程的老师和课程的分类。添加的内容比较多，所以我们将前台提交的数据，进行封装为一个CourseInfoFormVo对象。在entity/vo下创建CourseInfoForm类@ApiModel(value = "课程基本信息", description = "编辑课程基本信息的表单对象")@Data​​。
js使用DOM动态添加课程表 JavaScript
liuhebahuang的博客
10-29 847
Document </div>
js制作简单的课程表,不重复添加
c_bulrush的博客
09-21 6395
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } ul{ width
动态添加option及createElement使用示例
09-04
总结一下，动态添加`<option>`和使用`createElement`的主要步骤包括： 1. 使用`document.createElement`创建新的`<option>`元素。 2. 设置`<option>`元素的属性，如`value`和`text`。 3. 使用`<select>`元素的`add`...
JavaScript动态添加列的方法
10-24
在JavaScript中，动态添加列是常见的操作，尤其是在处理表格数据时。这通常涉及到对HTML `<table>` 元素的操作，包括创建新的`<th>`（表头）和`<td>`（单元格）元素。以下是对给定内容的详细解释： 1. **动态添加列...
JavaScript中动态向表格添加数据
10-20
在JavaScript中，动态向表格添加数据是一项常见的任务，特别是在网页交互和数据展示时。这个过程涉及到HTML、CSS以及JavaScript的基本操作，尤其是DOM（文档对象模型）的操作。以下是对标题和描述中所涉及知识点的...
ASP之处理用Javascript动态添加的表单元素数据的代码
10-30
在ASP（Active Server Pages）开发中，经常遇到需要使用JavaScript动态添加表单元素的情况，这样可以为用户提供更灵活的交互体验。本篇文章将探讨如何处理这些动态添加的表单元素在用户提交表单后传递的数据。 首先...
javascript 动态添加表格行
j2ee实战的点点滴滴
06-14 2467
动态添加表格行 文/Ray 表格部分代码如下：testTbl" border=1>tr1">box1">第一行tr2">box2">第二行box3">第三行动态添加表行的javascript函数如下：function addRow(){//添加一行var newTr = testTbl.insertRow(
window.onload使用时遇到的问题_1
暖心~的博客
11-22 5745
一个简单的创建节点插入节点的代码。 若把window.onload函数这样写，运行会出现错误。 错误代码：window.onload=function() { var para=document.createElement("p"); var txt1=document.createTextNode("This is"); para.appendChild(txt1); var
js中 onreadystatechange 和 onload的区别
热门推荐
fn_2015的博客
03-09 1万+
IE的script 元素只支持onreadystatechange事件，不支持onload事件。 FF的script 元素不支持onreadystatechange事件，只支持onload事件。 如果要在一个 加载完成执行一个操作，FF使用onload事件就行了，IE下则要结合onreadystatechange事件和this.readyState， 以下是IE的一个例子： this.
JavaScript介绍、js变量、数组、函数、自定义对象、onload、onclick、onblur、onsubmit事件、DOM模型
qq_51257284的博客
11-07 368
一、JavaScript介绍 Javascript 语言主要是完成页面的数据验证。它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。 特点： 交互性（它可以做的就是信息的动态交互） 安全性（不允许直接访问本地硬盘） 跨平台性（只要是可以解释 JS 的浏览器都可以执行，和平台无关） 二、JavaScript与HTML结合 2.1 第一种方式 只需要在 head 标签中，或者在 body 标签中， 使用 script 标签 来书写 JavaScript 代码 <head>
document.createElement 使用常见问题
炉火纯青
04-18 3558
document.createElement  创建对象有两种方法，如下面： 我要创建一个表单 写法有两种： //IE下有效，谷歌下无效 var inputTxtaa= document.createElement("");  另外一种方法：//谷歌下有效 var inputTxtaa = document.createElement("input");  inputTx
document.createElement()用法及注意事项
hcylz的专栏
06-06 3572
今天处理了一个日期选择器的ie和ff的兼容问题，本来这种情况就很难找错误，找了好久才把错误定位到js中创建元素的方法document.createElement()，这个方法在ie下支持这样创建元素var inputObj    = document.createElement    (""  readonly >");但是这样的情况在ff下是不兼容的。还有就是特别注意input元
createElement与innerHtml性能比较
yangyang_cs的专栏
09-30 9032
js中，动态添加html的方法大致就是两种，一种是document.createElement等方法创建，然后使用Element.appendChild添加，或者是使用Element.innerHTML = sHTML的方式。两种方法，显然前面一种更加灵活，除了Element.appendChild方法外，还有insertBefore等等其他dom操作方式。这里且不谈灵活性，但就性能做一个探索。
JavaScript 页面资源加载：onload，onerror
LeviDing的博客
02-01 656
资源加载：onload，onerror浏览器允许我们跟踪外部资源的加载 —— 脚本，iframe，图片等。这里有两个事件：onload —— 成功加载，onerror —— 出现 err...
js对文字批注_HTML 页面添加批注 - JavaScript - ITeye
06-01
3. JavaScript 函数中，首先获取用户输入的批注内容，然后使用 DOM 操作将批注内容添加到页面中。可以使用 `<div>` 标签等元素来包裹批注内容，并为该元素添加一个唯一的 ID。然后使用 CSS 样式来设置批注框的样式，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值