How do I set the value of an input field inside an iframe with jQuery?

Question

I have a form inside an iframe that needs to be manipulated from the main frame.

The iframe is viewed in a pop-over when a button is clicked in the main frame. It then contains a upload form with a hidden field called dir.

I want to set the hidden field before showing the form. I tried:

$('#upload_iframe').contents().find('#dir').val(dir);

... which runs. And the new value can be printed with alert() in the main frame. However, the iframe doesn't change it's value. Can you help me figure out why?

Thank you!

How do you know it doesn't change the value? If alert gives you new value it seems to me it's working ok. — RaYell
– RaYell, Commented Aug 21, 2009 at 6:27
Do you load jquery in the iframe, or is it only available in the main frame? — Niko
– Niko, Commented Aug 21, 2009 at 7:13
jQuery is loaded in both frames. The reason I know the value isn't changed is because I inspect it with Firebug and the new directory isn't sent by the form. — Christoffer
– Christoffer, Commented Aug 21, 2009 at 7:29

Mutation Person · Accepted Answer · 2009-08-21 07:34:16Z

I don't believe this is possible in a single line of jQuery. The solution I can think of is somewhat more convoluted.

The IFrame will have a source page (say, test.aspx, for example). To get a text box on that page to be posted you can set the URL to include the text:

$("#upload_iframe").attr("src", "text.aspx?dir=YourDirTextHere");

Then in your server side code you would pick this up off the querystring.

I used a variation of this technique. Thank you for the tip!

Collectives™ on Stack Overflow

How do I set the value of an input field inside an iframe with jQuery?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related