Home > Article > Web Front-end > 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!