Table and select operations in html (introduction)

This chapter brings you the table and select operations (introduction) of HTML. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

The table tag is different from other tags, it has attributes and methods!

table attribute:

rows You can get the row collection of the table

Cells Get all the cells of the table

table Method:

insertRow() Create a row and add it to the rows collection

deleteRow(index) Delete the specified row from the table

moveRow(tr,index ) Move the row

tr attribute:

Cells Get the set of all cells in tr

sectionRowIndex Get the number of the row in rows

tr method:

insertCell is created in tr and added to the cells of tr

deleteCell(index) deletes the cell of the specified index

What can we do? What can you do? What to do? What? ? ?

select:

Linkage list? That’s right, you finally know why you can’t make a link list.

//首先就是为需要联动的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() { 
	//其他项目
	};　　　　
};

Yes, just use length to clear the drop-down list, then create new drop-down items through new Option(), and then add them one by one through select's add() and it's ok.

The above is the detailed content of Table and select operations in html (introduction). For more information, please follow other related articles on the PHP Chinese website!