ホームページ > ウェブフロントエンド > jsチュートリアル > レイヤーサブレイヤーから親レイヤーのページ要素に値を割り当てる例

レイヤーサブレイヤーから親レイヤーのページ要素に値を割り当てる例

小云云
リリース: 2018-02-03 13:05:59
オリジナル
3008 人が閲覧しました

この記事では主に、レイヤーサブレイヤーが親レイヤーページ要素に値を割り当てて、親レイヤーページに値を転送する効果を実現する方法の例を紹介します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

親レイヤー:

jsp:

//子レイヤーの値を設定するために使用される非表示の入力ボックスをページに追加し、それによって子レイヤーのデータをこのページに渡します

<input type="hidden" id="getValue" name="getValue" value="" />
ログイン後にコピー

js コード:

/ /関数を設定すると、実行時に子ウィンドウがポップアップし、現在のウィンドウ名が渡されます

//弹出子窗口(选择商家)
 function choseMerchant() {

  //获取当前窗口名称
  var parentName= window.name;

  /*(由于用的ssm框架)URL对应的是controller方法,并向其传递当前窗口名称,打开的窗口显示页面即    
  为经过controller方法后返回的页面*/
  var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

  laySum = parent.layer.open({
   //设置打开的子窗口效果
   type : 2,
   title : "选择商家",
   shadeClose : true,
   shade : 0.5,
   shift : 0,
   area : [ '40%', '863px' ],
   content : url,
   success: function(layero, index){ 
   }
  });
 }
ログイン後にコピー

サブレイヤー:

jsp:

//ページに追加された非表示の入力ボックス、保存された値はコントローラーメソッドの後に返される親ウィンドウ Name、区別するために使用され、ID を mainIframeName に設定します

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">
ログイン後にコピー

js コード:

//関数を設定し、実行時に値を渡し、現在のウィンドウを閉じます

function setvalue() {

  //得到“mainIframeName”输入框中存储的值
  var mainIframeName = $("#mainIframeName").val();

  //判断是否为空或者是未定义
  if (mainIframeName != "" && mainIframeName != "undefined") 
  {
  //此处的ifrc和winc的意义可自行查阅
  var ifrc = window.parent.frames[mainIframeName];
  var winc = ifrc.window || ifrc.contentWindow;
  try {
   //设置父窗口隐藏输入框的值为hello world
   winc.document.getElementById("getValue").value = "hello world!";
   } catch (ex) {
    winc.location.reload();
   }
  }
   //关闭当前窗口
   var index = parent.layer.getFrameIndex(window.name);
   parent.layer.close(index);
 }
ログイン後にコピー

概要: このメソッドは次のとおりです。値転送の効果を実現するために、子レイヤーが親レイヤー要素に直接割り当てを与えるために使用されます。重要な点は、親レイヤーのウィンドウの名前を子レイヤーに渡す必要があることです。

上記は、親レイヤーページに値を転送する効果を実現するために、エディターによってもたらされたレイヤーサブレイヤーによって親レイヤーページ要素に値を割り当てる例の全内容です。気に入っていただければ幸いです~

関連する推奨事項:

jQueryは、jsonオブジェクトに基づいてフォーム要素に値を自動的に割り当てます

以上がレイヤーサブレイヤーから親レイヤーのページ要素に値を割り当てる例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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