コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript子フォーム親フォーム相互値転送メソッド_JavaScriptスキル

JavaScript子フォーム親フォーム相互値転送メソッド_JavaScriptスキル

WBOY
リリース： 2016-05-16 18:25:59
オリジナル
1250 人が閲覧しました

スクリプト ハウスの合理化版 一般に、多くの cm にはこのような機能がいくつかあります。 dedecms のセレクション関連記事でもこのような機能が使われています。具体的なコードを以下に示します。
親ページのコアコード:

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

<script> <br>function SelectArcListA(fname){ <br>var posLeft = 10; <br>window.open("content_select_list.asp?f=" fname "&k=" form1 .keyword.value , "selArcList", "scrollbars=yes,resizable=yes,statebar=no,width=700,height=500,left=" posLeft ", top=" posTop); ;/script> <br><input name="lsel" type="button" id="lsel" class="nbt" style="width:150px" onChange="" value="公開ドキュメントから選択します。 ." onClick="SelectArcListA('form1.xiangguanid');"> <br><br><br>サブページのコア コード:<br> </div> <br><br><div class="codetitle">コードをコピー<span> <a style="CURSOR: pointer" data="88310" class="copybut" id="copybut88310" onclick="doCopy('code88310')"><u> コードは次のとおりです: </u></a></span><SCRIPT language=javascript> </div>//選択したファイルのファイル名を取得します<div class="codebody" id="code88310">function getCheckboxItem( ) <br>{ <br> var allSel=""; <br>if(document.form2.arcID.value) return document.form2.arcID.value; <br>for(i=0;i<document.form2 .arcid.length>{ <br>if(document.form2.arcID[i].checked) <br>{ <br>if(allSel=="") <br>allSel = document.form2 .arcID[i].value; <br>else <br>allSel = allSel "," document.form2.arcID[i].value; <br>} <br>} <br>return allSel; <br>関数 selAll() <br>{ <br>for(i=0;i<document.form2.arcID.length;i ) <BR>{ <BR>if(!document.form2.arcID[i] .checked) <BR>{ <BR>document.form2.arcID[i].checked=true; <BR>} <BR>} <BR>} <BR>関数 noSelAll() <BR>{ <BR> (i=0;i<document .form2.arcID.length;i ) <BR>{ <BR>if(document.form2.arcID[i].checked) <BR>{ <BR>document.form2.arcID[ i].checked=false; <BR>} <BR>} <BR>} <BR>関数 ReturnValue() <BR>{ <BR>if(window.opener.document.form1.xiangguanid.value=="" ){ <BR>window.opener .document.form1.xiangguanid.value = getCheckboxItem(); <BR>} <BR>else{ <BR>window.opener.document.form1.xiangguanid.value = "," getCheckboxItem( ); <BR>} <BR>alert("選択した ID は正常に追加されました。追加を続行できます"); <BR>//window.opener=true; ; <BR>}<BR><BR> <BR>次の HTML コードは、<input type="checkbox" name="arcID" value="<%=rs("id") が必要です。 %>"> 選択した ID を出力します<br> <br><br></document.form2> </div> <br>コードをコピー<br><div class="codetitle"><span> コードは次のとおりです:<a style="CURSOR: pointer" data="66284" class="copybut" id="copybut66284" onclick="doCopy('code66284')"><u></u><A class=inputbutx </a>href="javascript:selAll()">すべて選択</A> <A class=inputbutx </span>href="javascript:noSelAll()">キャンセル< /A> <A class=inputbutx </div>href=" javascript:ReturnValue()">選択した値をリストに追加します</A><div class="codebody" id="code66284"> <br><br>以下は補足です。 🎜>//値を渡すモーダルフォーム<br><br>&lt ;!-- ====== 親フォーム、parentform.html と名付けました ==== --> <br> </div> <br><br>コードをコピー<br><br><br> コードは次のとおりです: <div class="codetitle"> <span> <a style="CURSOR: pointer" data="5805" class="copybut" id="copybut5805" onclick="doCopy('code5805')"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional //EN"> <u><HTML> </u> <HEAD> </a><title> ポップアップウィンドウにデータを入力すると、親フォームであるメインフォーム<に戻ります。 /title> </span><META NAME="ジェネレーター" CONTENT="EditPlus"> </div><META NAME="著者" CONTENT="jb 51.net"> "キーワード" CONTENT=""> <div class="codebody" id="code5805"><META NAME="説明" CONTENT=""> <br><br><script language="javascript" type="text/javascript"> 🎜>function doInput() <br>{ <br>var win = window.showModalDialog( "Childform.html",window,"dialogWidth=500px;dialogHeight=300px;center=yes;status=no"); if(win != null) <br>{ <br>document.getElementById("parentTextBox ").value = win; <br>} <br>} <br></script> ;/head>
新しいポップアップ フォームにデータを入力し、親フォームに転送します。 br/> ここをクリックするとサブフォームが表示されます >



< !-- ======= サブフォーム: childform.html という名前 ======= -->
コードをコピー コードは次のとおりです。

>
ポップアップ ウィンドウにデータを入力すると、親フォーム --subform


説明" CONTENT="">







ここをクリックして戻ります
script language="javascript" type="text/javascript; "> ;
document.getElementById("childTextBox").value = window.dialogArguments.document.getElementById("parentTextBox").value;
function doPassToParent()
{
if(document. getElementById( "childTextBox").value.length {
alert("データを入力してください");
return
}
window.returnValue = document; .getElementById(" childTextBox").value;
window.close();

}


// 子フォームと親フォームのパス値

1. 2 つの新しいページを作成します。1 つは Parent.html



コードをコピーします


コードは次のとおりです:
親フォーム








関連ラベル：
子窗体 父窗体 相互传值
ソース：php.cn
前の記事：jQuery はオブジェクトを取得し、sub-object_jquery を見つけます。 次の記事：送信された実装 code_form 効果を提供するための js post メソッド
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1361
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1284
Postman を使用して登録機能をテストするためにリクエスト本文を入力できない *修正済み* 私は、ユーザーが登録、ログイン、投稿の作成、プロフィールと投稿の編集、投稿の削除、自分自身の完全な削除ができる、非常にシンプルなソーシャル メディア アプリケーションを開発していま...
から 2024-04-01 10:09:37
0
1
348
Laravelは間違ったテーブルを作成します 私たちのシステム (基本的に、ユーザーがソーシャル メディアの投稿をダウンロードするためのシステム) を使用する各ユーザーのダウンロード履歴が必要です。 ID、タイムスタンプ、do...
から 2024-03-31 23:23:45
0
2
282
穴あきコンテナの作成: ステップバイステップガイド 初めてアプリの使用方法に関するチュートリアルを作成しています。チュートリアルでボタンの使い方のポップアップみたいなのですが、背景を暗くして、ボタンの周りを囲む円が表示されてチュート...
から 2024-03-31 11:20:02
0
2
301
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート