コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

Table、Tr、Tdを動的に作成して値を割り当てるJSの具体的な実装_javascriptスキル

WBOY
リリース： 2016-05-16 17:29:44
オリジナル
1111 人が閲覧しました

実績データベースの変更:
実績タイプの変更に応じてトピック リストも変更する必要があります
オンラインで情報をクエリした後に作業を開始し、トリガーする実績タイプのドロップダウン ボックスにchange() イベントを追加します。 Dwr、トピック コレクションのクエリ - 動的にテーブルを作成/編集します
要約コードは次のとおりです:
JS

コードをコピー コードは次のとおりです。

//動的トピック データの取得
function getzts(){
parentId = document.getElementById("bselect1").value; if(parentId!=""){
dwrMethod.getZtList(parentId,callback5) ;
}else{
// テーブル
の行数を取得します if(length!=0) { //行がある場合はクリアします
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i)
}
}
var r = t.insertRow(); 🎜> c.innerHTML=" まだトピック リストがありません";
document.getElementById('zhutiTable').appendChild(t); 🎜>}
function callback5(provinces){
var t=document.getElementById( "zhutiTable"); // テーブルを取得
var length= t.rows.length; // 行数を取得under Table
if(length!=0){ //行がある場合はクリアします
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i);
} }
}
if(provinces.length> 0){ var r = t. insertRow(t.rows.length);//新しい行を作成します

c.innerHTML = "provins[i][1]; の列。 insertRow();
var c = r.insertCell();
c.innerHTML="トピック リストがありません"
}
document.getElementById('zhutiTable');
}


html
コードをコピー コードは次のとおりです。

🎜> 結果の種類





[html]

テーマ

関連ラベル：
table 作成する 割り当て
ソース：php.cn
前の記事：JavaScript_javascript スキルのイベント バインディングに関する簡単な説明 次の記事：jsを使ってURLパラメータを設定する_javascriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
Laravel 8 - /{editable_text} ルートを /{user} ルートにリダイレクトする方法 ユーザープロファイルに誘導するリダイレクトルートを作成しようとしています。リダイレクト ルートはユーザー データベースからの文字列/テキストである必要があり、同じユーザー プロファ...
から 2024-04-06 17:26:11
0
1
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート