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

青灯夜游
リリース: 2018-09-20 18:05:18
オリジナル
3786 人が閲覧しました

この章では、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート