JavaScript添加数据

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>添加</title></head><body><form>姓名：<input type="name" name="姓名" id="name" /><br />成绩：<input type="number" name="成绩" id="score" /><br /><input type="button" id="saveBtn" value="添加" onclick="Add()" /></form><br /><table id="SmithTb" border="2px" width="300px" style="text-align: center;"><tr><th width="50%">姓名</th><th width="50%">成绩</th></tr><tr><td width="50%">张三</td><td width="50%">100</td></tr><tr><td width="50%">李四</td><td width="50%">100</td></tr></table><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script>function Add() {var name = $("#name").val();var score = $("#score").val();var isAdd = true;if (isAdd)$("#SmithTb").append('<tr><td>' + name +'</td><td>' + score + '</td></tr>');}</script></body>
</html>

效果如图：

JavaScript添加数据相关推荐

【javascript 动态添加数据到 HTML 页面】
今天简单的学习了一下有关对象字面量的定义和 javascript 如何取出对象字面量的值的知识,javascript 动态添加数据到 HTML 页面的问题. [学习目标]有如下的一组数据通过 Ajax ...
Asp.net(asp,jsp)+JavaScript动态实现添加数据行
在应用程序的开发中,有些输入信息是动态的,比如我们要注册一个员工的工作经历,比如下图如果做成死的,只能填写三个,如果是四个呢?或者更多呢,那不是添加不上去了吗,所以这样固然不好,我们可以用动态添加表 ...
JavaScript动态向表格添加数据
利用javascript ,动态向表格中添加数据 1. 首先先写出表格的表头和主干部分 <table width="600" border="1" cel ...
[Asp.net MVC]Asp.net MVC5系列——添加数据
目录概述显示添加数据时所用表单处理HTTP-POST 总结系列文章 [Asp.net MVC]Asp.net MVC5系列--第一个项目 [Asp.net MVC]Asp.net MVC5系列 ...
如何使用JavaScript将数据附加到div？
本文翻译自:How to append data to div using JavaScript? 我正在使用AJAX将数据附加到div元素,我从JavaScript填充div,如何将新数据附加到di ...
ajax（检测用户名，添加数据）
一.检测用户名是否可用 1. 0512ajax.php <script src="jquery-3.2.0.min.js"></script> </h ...
简单实现Popup弹出框添加数据
逻辑窗口P1中显示一组数据,并提供一个添加按钮点击按钮,弹出新的浏览器窗口P2,在其中添加一条数据并提交后,窗口P2自动关闭新添加数据动态添加到窗口P1中并被选中所需知识:JS BOM 窗口对 ...
flex与JavaScript的数据交互
上一篇发了 flex3 接受外部参数 ,但是后来想想,应该更进一步的了解 flex与JavaScript的数据交互. 第一种: test4.swf 代码: <?xml version=" ...
html之table删除和添加数据（获取行号和列号）
代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...

JavaScript添加数据

JavaScript添加数据相关推荐

最新文章

热门文章