Question

我需要帮助从iframe中选择一个带有jquery的输入字段 iframe看起来像这样：

<iframe src="https://checkout.klarna.com" id="klarna-checkout-iframe" name="klarna-checkout-iframe" class="kloading" scrolling="no" frameborder="0" style="height: 940px; width: 100%; transition: height 0.15s;"></iframe>
<input class="-test" type="text" name="challenge.postal_code" value="name">
<input class="-square" type="tel" name="challenge.postal_code" value="03434">
</iframe>

我正在使用这个jQuery代码来获取输入字段：

<script type="text/javascript">
var iframe = $('iframe').contents()find('input[type=tel]')
</script>

现在用于测试输入字段我使用这个jQuery来改变它的样式：

$(iframe).style.border = '1px solid #000000'

我尝试过很多方法让它起作用，但我仍然无法选择iframe，这里有人可以帮助我吗？

Answer 1

你试过以下吗？

<iframe src="https://checkout.klarna.com" id="klarna-checkout-iframe" name="klarna-checkout-iframe" class="kloading" scrolling="no" frameborder="0" style="height: 940px; width: 100%; transition: height 0.15s;">
    <input class="-test" type="text" name="challenge.postal_code" value="name">
    <input class="-square" type="tel" name="challenge.postal_code" value="03434">
</iframe>

 <script type="text/javascript">
    var iframe = $("#klarna-checkout-iframe").contents().find('input[type="tel"]');
    $(iframe).css("border","1px solid #000000"); 
</script>

Answer 2

在这里尝试一下。

$('#iframe').each(function() {
   $('#MyDiv', this.contentWindow.document||this.contentDocument);
});

注意：只有当iframe内容位于同一个域中时才可用。

Answer 3

您的iframe提早关闭：

<iframe ...></iframe>
...           ^^^^^^
</iframe>

删除多余的结束标记。

从iframe中选择输入字段 - jQuery

3 个答案: