My iframe data loads only after 3-4 second due to some background process. Once its loaded in iframe, I want to display that data outside the iframe in main page.
iframe source page:
<html>
<body>
<h2>This is a Iframe</h2>
<input type="text" id="text2" value="Data">
</body>
</html>
main page:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<body>
<iframe src="iframecontent.html" width="300" height="100" name="ifm" id="ifm"></iframe>
<input type="text" id="text1" >
</body>
<script>
$(function(){
$('#ifm').on('load', function(){
var getdata = $('#ifm').contents().find('#text2').val();
$('#text1').val(getdata);
});
});
</script>