Question

请帮我处理Iframe触发器。

如何将值放在iframe的输入字段中？我认为问题的存在是因为布局水平。

（iframe以html的形式放在我自己的网站上）

我的iframe：

<form id="form">
<div id="root">
<iframe id="lev-iframe">
<html>
<form id="form">
<fieldset class="fields">      
  <div class="full">
  <div class="part">
     <input class="uniqueclass" name="uniquename" type="text" value="" />
  </div></div>

Jquery的

//tested #root, #form, #lev-iframe; nothing seems to work for me...

<script type="text/javascript">
$(window).bind("load", function() {

$('#root').trigger('setFieldValue', {
name: 'uniquename',
value: 'myvalue'

})  }); 
</script>

Answer 1

您无法像在示例中那样通过在IFRAME标记内添加HTML来定义IFRAME。它必须指向具有此HTML的另一个页面：

<iframe id="lev-iframe" src="other_page.html"></iframe>

或用HTML programmaticaly填充，例如：

<强> HTML

<iframe id="lev-iframe"></iframe>

<强> JS

//This code will add input box to the iframe above
var doc = $("#lev-iframe")[0].contentWindow.document;
var $body = $('body',doc);
$body.html('<input class="uniqueclass" id="uniquename" type="text" value="" />');

获得有效的IFRAME之后，只需访问您需要的元素即可：

$("#lev-iframe")[0].contentWindow.document.getElementById('uniquename').value = 'myvalue';

演示：http://jsfiddle.net/wbwCu/

将文本添加到iframe输入框

1 个答案: