数据添加（jquery）

最新推荐文章于 2024-04-17 14:17:33 发布
最新推荐文章于 2024-04-17 14:17:33 发布
阅读量361 收藏
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangxinqiang1129/article/details/8480392
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加数据</title>
<script type="text/jscript" src="http://cdn.17zuoye.com/public/framework/scripts/jquery-1.7.1.min.js?v=1.0.1"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.17zuoye.com/public/app/blue/css/widget.css">
</head>

<body>
<div class="cross_form_wrap">
    老师姓名及一起作业学号：
    <select id="clazzs">
        <option value="0">请选择</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            
    </select>
    班级名称：
    <select id="clazz_box">
        <option value="0">请选择</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
    </select>
    
    <a class="public_x_b green_x_b" href="javascript:void(0);"><i><span><input id="inputask_but" type="submit" value="申请" /></span></i></a>
</div>
<div class="table_list_warp">
    <table class="tab_all">
        <thead>
            <tr>
                <th colspan="3" style="text-align:left;">我的申请列表</th>
            </tr>
            
        </thead>
        <tbody id="asktable_box">
        </tbody>
    </table>
</div>

<script>
    $(function(){
        $("#inputask_but").on("click", function(){
            var _teacherId = $("#clazzs").val();
            var _clazzId = $("#clazz_box").val();
            if ( $("#asktable_box tr[v="+_clazzId+"]").length > 0 ) {
                return;
            }
            var _teaherName = $("#clazzs").find('option:selected').text();
            var _clazzIdName = $("#clazz_box").find('option:selected').text();
            $("#asktable_box").append('<tr vt="'+_teacherId+'" v="'+_clazzId+'"><td>'+ _teaherName +'-'+ _teacherId + '</td><td>'+ _clazzIdName +'-'+ _clazzId +'</td><td> <a class="delete_row_but" href="javascript:void(0);">删除</a></td></tr>');
        });
        
        $(".delete_row_but").live("click", function(){
            var _this = $(this);
            _this.parent().parent().remove();
        });
    });

</script>

</body>
</html>

lnts2015
关注
专栏目录
数据添加
qq_45746744的博客
04-27 163
实现数据添加功能需要两个jsp文件， 一个用于输入添加信息，后点击提交通过 1、zqy1.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>
添加数据
xupeng1997的博客
04-06 222
学习就是一点一点的积累 方法很多，主要记个模板，阅读其他代码 可以了解其它更合适自己的。代码千篇一律，目的始终如一。加油吧小白，在下也是不断学习的小白。通往大神之路还很遥远。 添加数据先插寻 如果id存在 添加失败 package com.Dao; import java.sql.Connection; import java.sql.DriverManager; import java.sql....
将excel的数据添加到数据库
a291263379的专栏
09-01 1071
今天
sql 添加
lctmei的博客
04-25 948
sql 数据添加
数据的插入、修改和删除
最新发布
Allwordhuier的博客
04-17 1879
（1）当字段设置了自增约束时，系统会根据记录的顺序自动生成对应的编号（id）；（2）当字段设置了默认约束时，插入数据的时候，该字段没有赋值，系统会将该字段的值）设置成对应的默认值；（3）当字段没有设置默认值约束和自增约束时，插入数据的时候，该字段没有赋值，系统会将该字段的值设置成null；（4）当字段设置了非空约束时，插入数据的时候，必须给该字段赋值。
jquery Ajax实现Select动态添加数据
01-19
jquery Ajax实现Select动态添加数据，具体内容如下 1.背景  最近在工作中，遇到了一个关于select的问题。一般情况下，select下拉框中的数据都是固定的或者直接在jsp中读取列表值显示。但是，这次要实现select与别的...
jQuery实现表单动态添加数据并提交的方法
10-18
主要介绍了jQuery实现表单动态添加数据并提交的方法,结合实例形式总结分析了jQuery针对存在form表单的添加、提交,不存在form表单的添加、提交,ajax、非ajax形式提交等数据添加与表单提交操作技巧,需要的朋友可以参考...
基于jQuery实现表格数据的动态添加与统计的代码
10-28
在本场景中，我们探讨的是如何利用jQuery实现表格数据的动态添加与统计。主要涉及的技术点包括jQuery的选择器、事件处理、DOM操作以及动态克隆。 首先，jQuery的`clone(true)`函数是关键所在。这个函数用于复制一个...
jQuery实现在列表的首行添加数据
12-10
jQuery中可以通过append在列表的最后添加数据，也可以通过prepend在列表的最前面添加数据 方法很简单： 代码如下: jQuery(‘#comment_list’).prepend(‘<li>hello www.jb51.net</li>’); 另外附上jquery实现连续...
javascript 动态加载 JQuery , 动态增加NODE
david95的博客
01-28 352
html node 增加需两步： 1 创建要增加的element, 给element 赋属性 2. 找到相应的节点，appendChild 下面是一段 mozilla scriptish 脚本的例子 有几个注意的地方 1. 包裹 function() 的括号，最初我没写外边这对（）， 出错：Exception: function statement requires a name...
SQL快速添加数据技巧大揭秘
2301_78348935的博客
04-01 1779
在数据库理论和实际应用中，添加数据是一项相当重要的任务。在使用SQL时，我们常常需要向数据库中添加新的数据，以完成对数据的更新和维护。这些数据可能来自于各种来源，包括但不限于：表格、文件、网络、移动设备等等。SQL添加数据不仅可以帮助我们快速更新数据，还可以帮助我们更好地维护应用程序和网站的正常运行
jQuery添加/插入方法
qq_30017619的博客
07-28 1580
jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容。 实例 $("p").append("Some appended text."); jQuery prepend() 方法 jQuery prepend() 方法在被选元素的开头插入内容。 实例 $("p").prepend("Some prepended text."); 通过 append() 和 prepend() 方法添加若干新元素 在上面的例子中，我们只在被选元素的开头/结
添加数据(sql)
qq_54243915的博客
05-31 8715
-- 添加数据 -- CREATE TABLE person( -- id INT PRIMARY KEY auto_increment, -- name VARCHAR(20) NOT NULL, -- phone INT(13) UNIQUE, -- gender CHAR(2), -- birthday date, -- city VARCHAR(20) DEFAULT '咸阳' -- ); ​-- 添加数据（方式1） #语法：INSERT INT.
MySQL基本操作三：数据的插入、更新、删除
guoziqing506的博客
08-17 3万+
介绍MySQL中数据的插入，更新，删除操作前，我先建一个表。方便后面举例子。这是一个学生信息表： CREATE TABLE tab_student( Name CHAR(20), StuID VARCHAR(20), Rank INT ); 建好以后，长成这样： 1. 插入数据 1.1 插入完整数据记录 语法形式如下： INSERT INTO t...
Data Augmentation--数据增强解决你有限的数据集
热门推荐
chang_rj的博客
09-08 6万+
参考来源–感兴趣请戳我戳我. author是Bharath Raj。 以下是翻译内容，有部分删减，感兴趣的可以读原文，该blog仅供学习。笔耕不易，互相交流。 can my “state-of-the-art” neural network perform well with the meagre amount of data I have? Yes.我们的优化目的，是当参数沿着正确的...
使用Jquery实现将输入数据添加至表格中，通过点击Delete可删除所在行数据。
scscdstfxqxxzqqc的博客
03-31 3631
使用Jquery实现将输入数据添加至表格中，通过点击Delete可删除所在行数据。 代码： <!DOCTYPE html> <html> <head> <title>选择框</title> <script src="../js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
jQuery之动态为表格添加数据
a1k2l45k的博客
05-19 2万+
项目需求 需要一个页面，包括一张表格，一个button(id=”button1”) button1点击事件是会在页面上方出现用来为表格添加显示框，背景为灰色 显示框中也有一个button(id=”button2),其点击事件是将显示框中的数据添加到页面 的表格中 显示框中需要包括一个div,其点击事件是关闭显示框 步骤 HTML结构和CSS美化 ...
jquery 如何插入元素
撑戌圆爱痒生
04-22 385
jquery插入: 步骤: 1.获取需要插入的元素节点 2.方法: 内:前,后 外:前,后 内 前:prepend 后:append 外 前:before 后:after 例: 下面展示一些 html代码片。 <div id="one"> 我是div one <div id="a"> 我是div a </div> <div id="b"> 我是div b </div> </div&g
Jquery模板数据绑定实战指南
"这篇文章主要讲解了如何在jQuery中使用模板数据绑定插件，适用于需要将后台数据呈现到前端模板的场景。" 在jQuery中，模板数据绑定插件是一种强大的工具，它允许开发者将动态获取的后台数据高效地渲染到前端HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值