1. 程式人生 > >html之table&select不為人知的操作

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

tro 通過 添加 函數 color 默認 幹什麽 ntb 移動

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不為人知的操作