JavaScript variable in text input value

Question

I have a main html page which has a text input field and iframe in it .

I would like to be able to click a link in the iframe and and have the input text box value change to the value of a variable called selectedText.

Im not sure how to get it to work . I have been able to get it to work only from the main page by using this :

newListNote.value = selectedText;

Check this older answer http://stackoverflow.com/questions/17950598/using-iframe-with-local-files-in-chrome — Ramkumar, Mar 30 '15 at 09:57

score 0 · Answer 1 · answered Mar 30 '15 at 09:35

0

I think this one is related to Same-Origin Policy and Cross Site Script policy. You can't achieve it (correct me if i'm wrong).

answered Mar 30 '15 at 09:35

Gereltod

2,043
8
25
39

You cant if your running localy . If your running on a server or in node-webkit you can – Jess Mar 30 '15 at 09:35

BabyDuck · Accepted Answer · 2015-03-30T09:54:54.830

0

As you cannot set the textbox value of parent page from iframe directly, create a javascript function in your main page like this,

function setValue(val) {
  document.getElementById('newListNote').value = val;
}

And call this function from the iframe page like this,

parent.setValue(selectedText);

I consider your textbox has id newListNote. Hope it works, thanks.

edited Mar 30 '15 at 09:54

answered Mar 30 '15 at 09:38

BabyDuck

1,249
1
9
22

Yes it does have that id – Jess Mar 30 '15 at 09:44
@Jess This JavaScript code would need to be within the iframe to work. I'm guessing you're not putting it within the iframe? – Jamie Barker Mar 30 '15 at 09:51
@balaG The edit hasn't really changed the core functionality, it's just put it within a function. – Jamie Barker Mar 30 '15 at 09:52

score 0 · Answer 3 · answered Mar 30 '15 at 09:58

Assuming your using jQuery as you tagged it and the iframe is another page within your site, it would be better to use .load()

$( "#result" ).load( "ajax/test.html" );

This then loads the page into your document where you can access the links. Then you can achieve your original goal. If the page is external to your site i'm not sure that this would work.

Good luck

score 0 · Answer 4 · answered Mar 30 '15 at 10:00

A combination of the two answers here by @balaG and @Gereltod are correct.

As @Gereltod suggested, you cannot run JavaScript within an iframe from outside the iframe. If you could, then there would be serious security problems with the internet!

As @BalaG suggested, if you want the website to change based upon an event within the iframe, you need to write code within the iframe, and prepend it with parent.

JavaScript variable in text input value

4 Answers4