setting textarea val after load web in iframe

Question

I have loaded a web page using jquery into an iframe

$("#frame").attr("src", "website"); //this website is **external** web!

and I want to set value of textarea inside this iframe for example when clicking

$( "body" ).on( "click", "#button", function() {
    document.getElementById('textareaID').value = 'new value';
    $('textarea#textareaID').val('new value');
});

it does not work in both ways any ideas?

Answer 1

给该框架命名，并以window.frames [“ framename”]。document.getElementById（“ textareaID”）。value =“ new value”;的形式访问该框架中的元素。

Answer 2

You can use the jquery contents() and find() functions to be able to detect elements inside the iframe and then change the dom:

$( "body" ).on( "click", "#button", function() {
    $("#idOfYourIframe").contents().find("#textareaID").val("NEW VALUE");
});