Question

请看下面的2个HTML页面，我在iFrame中有1个页面调用其他页面。我真正需要的是，我想在“iframe.html”中看到文字字段。当我在输入框中写一些东西时，实时该值应该在href =“”

中

注意： iframe.html页面是纯HTML页面。我不能在该页面内使用jquery。我必须从index.html页面访问该页面。

我尝试了一些jquery代码，但只写了函数。

这是index.html页面。

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
    <iframe src="iframe.html" id="myframe"></iframe>

    <script type="text/javascript">
    $($("#myframe").contents().find('body')).on("click", 'a[href="#editable-link"]', function(e) {

    });
    </script>
</body>
</html>

这是“iframe.html”页面。

<html>
<head>
    <input type="text" placeholder="Enter URL">
    <a href="" id="editable-link">Read More</a>
</body>
</html>

任何人都可以帮我解决这个问题。这将非常有帮助。提前谢谢。

Answer 1

尝试

$('#myframe').load(function(){
  $('#myframe').contents().find('input').bind('input',function(e) {
      var url = $('#myframe').contents().find('input').val();
      $('#myframe').contents().find('#editable-link').prop('href',url);
   });
});

如何设置实时输入值以通过iFrame链接？

1 个答案: