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了。
本篇完。
html之table&select不為人知的操作