HTML でのテーブル操作と選択操作 (概要)

この章では、HTML のテーブルと選択操作について説明します。必要な方は参考にしてください。

テーブル タグは他のタグとは異なり、属性とメソッドがあります。

#テーブル属性: # rows テーブルの行コレクションを取得できます。

# Cells テーブルのすべてのセルを取得します

table メソッド:

# insertRow() 行を作成し、行コレクションに追加します

deleteRow(index) 指定された行をテーブルから削除します

moveRow(tr,index ) 行を移動します

tr 属性:

Cells tr

内のすべてのセルのセットを取得します。行内の行数

tr メソッド:

insertCell が tr 内に作成され、tr

deleteCell(index) のセルに追加されます。指定したインデックスのセル

何ができるでしょうか?何ができるでしょうか？何をするか？何？ ? ?

選択:

リンケージリスト?そうです、リンクリストを作成できない理由がようやくわかりました。

//首先就是为需要联动的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() を使用して 1 つずつ追加するだけで問題ありません。

以上がHTML でのテーブル操作と選択操作 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。