一千萬個為什麽

搜索

如何在單擊按鈕時將iFrame中已選中復選框的值序列化為隱藏的表單字段?

我有一個像這樣的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選擇器,我不知道執行此操作所需的語法。

在此先感謝任何可以幫助我的人。

最佳答案

如果這些復選框不在表單中,就像

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中已選中復選框的值序列化為隱藏的表單字段?