html之table與select設置(說明)
發表時間:2023-08-31 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本章給大家帶來html之table和select操作(介紹),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。table標簽和其它標簽不一樣,他有屬性和方法!table屬性: rows 可以得到table的row集合 cells 得到table所有單元格tab...
本章給大家帶來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操作(介紹)的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。