Question

我有一个像这样的iFrame：

<iframe width="100%" frameborder="0" height="470" allowtransparency="true" name="productframe" id="productframe" style="border-bottom:1px solid #eee"></iframe>

iframe包含从sql server db中提取的几个行项目，我可以检查我想要执行任务的任何复选框 - 在这种情况下删除它们。我在父文档中有一个“删除已选中”的按钮，我希望能够单击此按钮并在子页面中使用子iframe中所选复选框的值填充隐藏字段。

我的复选框看起来像这样：

<input id="Checkbox1" type="checkbox" value="47" title="Select this row" name="selectItem"/>

我的父页面上有一个jquery实例，所以我可以使用jquery选择器，我不知道执行此操作所需的语法。

提前感谢任何可以帮助我的人。

Answer 1

如果这些复选框不在表单中，例如

var ifr = $('iframe').contents(),
var chb = ifr.find('input:checkbox');

if(chb.length){
   ifr.find('body').append($('<form/>', {
      id:   'tempform',
      css:  {display:none;} 
   }));
   ifr.find('input:checkbox').each(function(){
       ifr.find('#tempform').append($(this).clone());
   }

   var serializedString = ifr.find('#tempform').serialize();      
   // do something with the serializedString
   ifr.find('#tempform').remove();
}

您可以将serializedString放入隐藏字段。嗯可能是矫枉过正，但我心情很好：p 这都是未经测试的。

如何在单击按钮时将iFrame中已选中复选框的值序列化为隐藏表单字段？

1 个答案: