Change input value in iframe, parent input changes

Question

I have a page in my site that contains an iframe, inside the iframe are a number of input boxes. What I want to do is that when someone enters a value into the iframe input box, that value is then written into an input box in the parent page. I had found some other answers on here but I couldn't manage to get them to fit my need, so far I have something like HTML - for parent ``` ``` HTML - for child ``` ``` What I want is that when I change the value of 'mytitle' in the child form, it chanegs the 'edit-title' in the parent form My Jquery so far was ``` $('#upload_frame').conten…

Accepted Answer

For future people, this is the solution I ended up using, and it seems to work fine

```
$('iframe').load(function(){
     $('iframe').contents().find('input#mytitle').bind('change',function(e) {
        title_name = $(this).val();
        $('input#edit-title').val(title_name);
     });
});
```

Change input value in iframe, parent input changes

Solution

Problem