html表格联动,html前端基础:table和select操作
html前端基础:table和select操作
发布时间:2020-05-13 09:58:10
来源:亿速云
阅读:196
作者:Leah
这篇文章主要为大家详细介绍html前端基础中有关table和select的操作,配合代码阅读理解效果更佳,非常适合初学者入门,感兴趣的小伙伴们可以参考一下。
table标签和其它标签不一样,他有属性和方法。
table属性:
rows 可以得到table的row集合
cells 得到table所有单元格
table方法:
insertRow() 创建一个row并且添加到rows集合中
deleteRow(index) 从表格中删除指定行
moveRow(tr,index) 将行移动
tr属性:
cells 得到tr中所有单元格的集合
sectionRowIndex 得到该行在rows中的编号
tr方法:
insertCell 在tr中创建并且添加到tr的cells中
deleteCell(index) 删除指定index的cell
那能干什么?能干什么?干什么?什么???
select:
联动列表?没错,你终于知道你为什么不会做联动列表了。//首先就是为需要联动的select添加联动绑定
val_1
//下面是第二级
< select name = "" id = "select_2" >
//默认的下拉列表,保持和第一级一致
< /select>//绑定的联动函数
function change() {
var select_1 = document.getElementById("select_1");
var select_2 = document.getElementById("select_2");
//最重要的就是清除第二级下拉列表
select_2.length = 0;
//根据第一级联动的value来添加
if(select_1.value == "") {
//创建一个option
var op = new Option("value", "inner");
//添加到第二级下拉
select_2.add(op);
}
else if() {
//其他项目
};
};
没错,就是利用length清空下拉列表,然后通过new Option()新建的下拉项,然后通过select的add()依次添加就好了。
以上就是table和select操作的详细内容,代码示例简单明了,如果在日常工作遇到此问题。通过这篇文章,希望你能有所收获,更多详情敬请关注亿速云行业资讯频道!
html表格联动,html前端基础:table和select操作相关推荐
- html表格列表模板,前端基础 - HTML(二) 表格、表单、列表
表格 table标签用于定义表格 tr 必须嵌套在table标签中 td 必须嵌套在tr中 表格的基本语法: ↑---border代表边框线 align代表位置 right左边left(右边)cent ...
- 前端基础牢记的一些操作-Github仓库管理
我上一篇文章主要分享了github介绍及项目仓库创建,这篇文章主要说说仓库的管理 仓库管理 新建文件 编辑文件 删除文件 上传文件 搜索仓库文件 下载/检出项目 Github Issues 作用: 发 ...
- 前端基础-CSS(ps简单操作)
三.ps简单操作 1.放大缩小 按住alt键滚动鼠标 示意图 2.移动 按住空格键使用鼠标抓取 示意图 3.量尺寸 使用矩形选框工具 示意图 4.采集颜色 使用吸管工具 示意图 5.文字复制 使用文本 ...
- golang基础-chan的select操作、定时器操作、超时控制、goroutine中使用recover
chan的只读和只写 a.只读chan的声明 Var 变量的名字 <-chan int Var readChan <- chan int b. 只写chan的声明 Var 变量的名字 ch ...
- 前端基础git(一)-git入门代码版本控制介绍
上两篇文章我主要分享了github的一些操作及用法,从今天开始我讲分享一些有关git的一些知识.如果想了解github的操作可以看 前端都应懂的入门基础-github基础 前端基础牢记的一些操作-Gi ...
- Html前端基础(select下拉选标签、table表格标签)
文章目录 一.select 下拉选标签 二.table表格标签 三.练习代码 继续前两篇的Html前端基础的内容,本文主要关于 <select>下拉选标签和 <table>表格 ...
- 前端基础:通过HTML表格标签布局《餐饮菜谱》
前端基础:通过HTML表格标签布局<餐饮菜谱> 布局,是前端工作的第一步,也是前端页面能够得到展示的技术手段.对于表格式布局是简单的页面布局的基础,它是无法解决浏览器兼容性问题,因此这种布 ...
- html表格联动,Table表格的二级联动
用Table实现二级联动 头一次听说二级联动这个概念,悔恨以前做课设的时候对这些东西浅浅略过. 网上搜寻一番后发现大多数例子都是对下拉选框的二级联动,最常用的应该就是省市区的选择了吧. [复现sele ...
- 前端基础之《Bootstrap(3)—全局CSS样式_排版、代码、表格和按钮》
一.排版 1.标题(.page-header) 从<h1>到<h6>均可使用page-header样式. <body><div><h1 class ...
最新文章
- 2019 CCPC wannfly winter camp Day 5
- 永远不要让女生帮你寄领带
- pimg src=http://img.blog.csdn.net/20150823142545135?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQ...
- 自动运维_无Agent自动化运维平台spug
- 把Microsoft Office Excel/Word遇到问题
- JavaScript HTML DOM 事件(笔记)
- 开源引擎推荐—ElGameEngine 作者:trcj(http://blog.csdn.net/trcj1)
- 手机怎么安装py thon_Python计数器– Py​​thon集合计数器
- 基于Quartz.Net的任务管理平台开发(3) —— 任务管理平台
- 残缺、时间一起的爱情
- python代码在哪里写_python的代码写在哪里,怎么样运行python代码
- java递归走迷宫游戏
- java的inputbox_InputBox函数的使用方法
- 论文笔记 | code representation(代码表示学习)系列
- 坐地铁,玩Android
- uni-app小程序利用动画做出左右滑动切换的效果
- 有一个8位机,采用单总线结构......(计算机组成原理课后习题)
- 2022:股票程序化交易实战2022Q1
- 【leetcode】唯一摩尔斯密码词 c++ python
- 从零开始构建PHP版mud游戏(一)
热门文章
- 2022-2028年中国汽车零部件行业市场研究及前瞻分析报告
- Python 标准库之 datetime
- TensorRT 数据格式说明
- 模拟Servlet本质
- 2021年大数据ELK(二十七):数据可视化(Visualize)
- 2021年大数据Flink(六):Flink On Yarn模式
- HarmonyOS 修改App的默认加载的界面
- python 使用 struct 把数据变成字节流
- Multiple substitutions specified in non-positional format; did you mean to add the formatted=”false”
- Android include 标签使用