分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

html之table&select不为人知的操作

发布时间:2023-09-06 02:01责任编辑:彭小芳关键词:暂无标签

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添加联动绑定

  <select name="" id="select_1" onChange="choose()">

    <option value="val_1">val_1</option>

  </select>

  //下面是第二级

  <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()依次添加就ok了。

  本篇完。

html之table&select不为人知的操作

原文地址:https://www.cnblogs.com/wumon/p/9220460.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved