ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript子フォーム親フォーム相互値転送メソッド_JavaScriptスキル
JavaScript子フォーム親フォーム相互値転送メソッド_JavaScriptスキル
- WBOYオリジナル
- 2016-05-16 18:25:591255ブラウズ
スクリプト ハウスの合理化版 一般に、多くの 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>< ;!-- ====== 親フォーム、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/> ここをクリックするとサブフォームが表示されます >