实现一个根据iframe页面返回充值卡类型不同，安排不同的input部件。
点击选择弹出一个iframe，点击充值卡数据行，返回1、充值卡类型。2、充值卡id（用的UUID）。3、充值卡号（字符串）。
遇到的问题是当iframe选择充值卡时，无法获取parent页面input部件value值的change事件。
parent页js
$("#id_card_type").change(function(){//事件无法捕获});
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);});
$(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'); //有效});
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
