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

  <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了。

  本篇完。

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

时间: 2024-11-13 22:50:51

html之table&select不为人知的操作的相关文章

alter table新增字段操作究竟有何影响?(上篇)

很久以前就有个疑问,见过一些表设计时会留出几个reverse的字段,目的是为了以后扩展,但此时设计的字段类型.长度等都是预计的,未来是否可用,不好说,那为什么会这么做呢?可能的原因是:"我现在设定好字段,需要的时候直接用就行了,不需要新增字段的操作". 那么,问题就是,新增字段的操作究竟有什么影响?增加表字段的时候,是否会锁表?对DML.DDL有什么影响?如果搞清楚这些,才能对上面的问题给出科学的答案. 为了证明增加字段的操作究竟做了什么,有什么影响,打算使用10046事件来看看. S

Jquery 对select的操作

jquery对select下拉框的操作总结... 1.通过索引值去设置select中的option的value和text var index = 1; var val = "该改为的值";      $("#selectId option:eq("+index+")").attr("selected",true);      $("#selectId option:selected").val(val); 

Table行合并操作

此方法不可取,但几天心血 保留,已有新想法,稍后会出一个完善的Table行列合并方法 <!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"> <

create table like 和create table select 比较

语法: CREATE [TEMPORARY] TABLE [IF NOT EXISTS] tbl_name     [(create_definition,...)]     [table_options] [select_statement]   CREATE [TEMPORARY] TABLE [IF NOT EXISTS] tbl_name     [(] LIKE old_tbl_name [)]; 测试过程: 原数据表: mysql> show create table test_or

关于select中操作,以及js前台计算,span简单操作

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset =utf-8"> <title>js获取数据</title> </head> <body> <span id="s1">111</span><br

Error Code: 1786 Statement violates GTID consistency: CREATE TABLE ... SELECT.

1.错误描述 1 queries executed, 0 success, 1 errors, 0 warnings 查询:call account_check_main('20180511') 错误代码: 1786 Statement violates GTID consistency: CREATE TABLE ... SELECT. 执行耗时 : 0 sec 传送时间 : 0 sec 总耗时 : 0.066 sec 2.错误原因 这是因为在5.6及以上的版本内,开启了 enforce_gt

Table Javasc DOM操作(2) 具体实例应用

最近在做一个动态生成所需输入条件的业务,在网上找相关的可以应用到这上面的内容,最后采用了网上大牛的Table DOM 操作. 效果图: 具体代码如下:(再次感谢大牛) <!doctype html> <!-- JS DOM TABLE 操作 原创 QQ:42149485 --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Docum

mongodb select php操作 命令行操作

下面说一下,mongodb select的常用操作 测试数据 查看复制打印? { "_id" : 1, "title" : "红楼梦", "auther" : "曹雪芹", "typeColumn" : "test", "money" : 80, "code" : 10 } { "_id" : 2, &quo

jquery Table的一些操作(2)

1.鼠标移动行变 代码如下: $('#table1 tr').hover(function(){    $(this).children('td').addClass('hover')}, function(){    $(this).children('td').removeClass('hover')}); 方法二: 代码如下: $("#table1 tr:gt(0)").hover(function() {     $(this).children("td")