首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何用 JS 一次获取 HTML 表单的所有字段 ?

---- 问:如何用 JS 一次获取 HTML 表单的所有字段 ?...用户单击“提交”按钮后,我们如何从此表单中获取所有数据? 有两种方法:一种是用黑科技,另一种是更清洁,也是最常用的方法。为了演示这种方法,我们先创建form.js,并引入文件中。...从事件 target 获取表单字段 首先,我们在表单上为Submit事件注册一个事件侦听器,以停止默认行为(它们将数据发送到后端)。...总结 要从HTML表单中获取所有字段,可以使用: this.elements或event.target.elements,只有在预先知道所有字段并且它们保持稳定的情况下,才能使用。...使用FormData构建具有所有字段的对象,之后可以转换,更新或将其发送到远程API。* ---- 原文:https://www.valentinog.com/bl...

5K20

ajax使用案例

1处这张表和2处这张表是有关联的,点击1表的一行数据Python 2处显示python相关的一张表的数据(我的理解是这里1处的每个li标签数据对应一个表;也可以是所有li标签对应2处的1个表,但是这张表有...所有数据是res返回数据中的data,res.data获取;对象获取其中的属性值,由于不是方法,无需加(),直接对象.属性,属性可以是很多类型的数据,而不只是数字字符串,也可以是数组,对象等; 这里data...;这里做的是对每个元素做添加li标签并追加到id是box下的ul中,显示返回数据中所有的name并记录是哪条数据的(通过id区分)。...看下面获取到的这里缺少一个全部,那么用ajax直接给获取到的数组里面添加一个对象数据,id为0,name为全部。因为这里创建的li标签我只用了id和name变量,所以只要有这两个变量就好。...那么现在是点python,下面就显示python的,点运维下面就显示运维的。既然要显示,下面是有个div的,div里面有个ulul下有存放多个python或运维等的相关内容的li

11.6K20

JQuery 入门 - 附案例代码

基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素...层级选择器 名称 用法 描述 子代选择器 $(“ul>li”); 使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 后代选择器 $(“ul li”); 使用空格,代表后代选择器,获取ul下的所有...事件类型 // 第三个参数:事件处理函数 $(".parentBox").delegate("p", "click", function(){ //为 .parentBox下面所有的...//获取一级菜单li的方式: //$('li');//不行 //$('ul>li');//不行 //$('.wrap li');//不行 //$('.wrap>ul>li')//可行的...var numOfAll = $('#j_tb input').length; //获取下面所有多选框的个数。

13.8K10

JavaScript学习笔记

","haha"); input.setAttribute("class","haha"); 删除属性,但是不能删除value属性 input.removeAttribute("name"); ** 获取标签下面的子标签...("ulid"); //返回的是一个集合 //获取ul下面的子标签,兼容性差 var lis=ulid.childNodes; alert(lis.length); //获取ul下面的子标签,兼容性高...=document.getElementById("li1"); * 父节点 ulli的父节点 parentNode:父节点 var ul1=li1.parentNode; //得到ul alert(...ul1.id); * 子节点 liul的子节点 childNodes:得到所有的子节点,但是兼容性差 firstChild:第一个子节点 //获取ul的第一个子节点 //得到ul var ul1=document.getElementById...("ulid"); var li1=ul1.firstChild; alert(li1.id); // li1 lastChild:最后一个子节点 //获取ul的最后一个子节点 //得到ul var ul1

1.7K20

前端day13-JS(WebApi)学习笔记(attribute语法、DOM节点操作)

2.注意点 js点语法能获取到的属性: (1)行内标准属性 (2)js点语法动态添加的自定义属性 不能获取到的属性: (1)行内自定义属性 (2)行外属性 getAttribute能获取到的属性: (...1)行内标准属性 (2)行内自定义属性 (3)setAttribute动态添加的属性 不能获取到的属性: (1)js点语法动态添加的自定义属性 (2)行外属性 3.总结:js点语法操作属性与attribute...下面是DOM节点的基本类别,以及各自类别基本属性的值及简单介绍: 3.png 3.2-元素节点与属性节点 1.元素节点 类型 nodeTypoe:1 名称 nodeName:标签名大写 值 nodeValue...liList = document.querySelectorAll("#main li"); //获取元素节点下的所有子节点(元素之间的空格部分可以看作一个没有内容的文本节点)...console.log(ul1.firstElementChild); //我是班长1 //3.获取最后一个子节点 console.log(ul1.lastChild

3K11
领券