iframe页面修改parent页面的隐藏input部件value值，不能触发change事件。_html/css

iframe页面修改parent页面的隐藏input部件value值，不能触发change事件。_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:55:09

原创

1162人浏览过

实现一个根据iframe页面返回充值卡类型不同，安排不同的input部件。

点击选择弹出一个iframe，点击充值卡数据行，返回1、充值卡类型。2、充值卡id（用的UUID）。3、充值卡号（字符串）。

遇到的问题是当iframe选择充值卡时，无法获取parent页面input部件value值的change事件。

parent页js

牛面

牛面AI面试，大厂级面试特训平台

147

查看详情

立即学习“前端免费学习笔记（深入）”；

$("#id_card_type").change(function(){//事件无法捕获});

登录后复制

parent页form

立即学习“前端免费学习笔记（深入）”；

<form id="frm" method="post" action="/bill/recharge/new/">  <input id="id_card_type" name="card_type" type="hidden" />  <input id="id_card_id" name="card_id" type="hidden" />  <label>卡号</label><input id="id_cardno" name="cardno" readonly="True" type="text" />  <span id="btnSelectCard" >选择</span></form>

登录后复制

iframe页js

立即学习“前端免费学习笔记（深入）”；

$(this).children().click(function(){<span style="white-space:pre">	</span>var cid=$(this).parent('tr').attr('item_id');	var cn=$(this).parent('tr').children('td').eq(0).html();	var ct=$(this).parent('tr').attr('item_type');	$('#id_card_id', window.parent.document).val(cid);	$('#id_cardno', window.parent.document).val(cn);	$('#id_card_type', window.parent.document).val(ct);});

登录后复制

解决如下：

iframe页js

立即学习“前端免费学习笔记（深入）”；

$(this).children().click(function(){  var cid=$(this).parent('tr').attr('item_id');  var cn=$(this).parent('tr').children('td').eq(0).html();  var ct=$(this).parent('tr').attr('item_type');  $('#id_card_id', window.parent.document).val(cid);  $('#id_cardno', window.parent.document).val(cn);  $('#id_card_type', window.parent.document).val(ct);  //$('#id_card_type', window.parent.document).trigger('change'); //无效  window.parent.$('#id_card_type').trigger('change'); //有效});

登录后复制

立即学习“前端免费学习笔记（深入）”；