Get value of input field inside an iframe

Question

I am creating a form with Javascript only  I am trying to use Javascript to get the value of the input field which is inside an iframe  Is it possible to get the value of a field that is inside an iframe

User · Answer

Without Iframe We can do this by JQuery but it will give you only   HTML page source and no dynamic links or html tags will display    Almost same as php solution but in JQuery    Code---   var purl    http   www othersite com     getJSON  http   whateverorigin org get url         encodeURIComponent purl      amp callback         function  data            viewer   html data contents

User · Answer

document getElementById  idframe   contentWindow document getElementById  idelement   value

User · Answer

lt iframe id  upload target  name  upload target  gt       lt textarea rows  20  cols  100  name  result  id  result   gt  lt  textarea gt       lt input type  text  id  txt1    gt   lt  iframe gt    You can Get value by JQuery    document  ready function      alert     upload target   contents   find   result   html       alert     upload target   contents   find   txt1   val           work on only same domain link

User · Answer

Yes it should be possible  even if the site is from another domain   For example  in an HTML page on my site I have an iFrame whose contents are sourced from another website   The iFrame content is a single select field     I need to be able to read the selected value on my site   In other words  I need to use the select list from another domain inside my own application   I do not have control over any server settings   Initially therefore we might be tempted to do something like this  simplified    HTML in my site    lt iframe name  select frame  src  http   www othersite com select php initial name jim  gt  lt  iframe gt   lt input type  button  name  save  value  SAVE  gt    HTML contents of iFrame  loaded from select php on another domain     lt select id  select name  gt       lt option value  john  gt John lt  option gt       lt option value  jim  selected gt Jim lt  option gt   lt  select gt    jQuery      input button name save    click function         var name      iframe name select frame    contents   find   select name   val          However  I receive this javascript error when I attempt to read the value   Blocked a frame with origin  http   www myownsite com  from accessing a frame with origin  http   www othersite com   Protocols  domains  and ports must match   To get around this problem  it seems that you can indirectly source the iFrame from a script in your own site  and have that script read the contents from the other site using a method like file get contents   or curl etc   So  create a script  for example  select local php in the current directory  on your own site with contents similar to this   PHP content of select local php    lt  php      url    http   www othersite com select php       SERVER  QUERY STRING         html select   file get contents  url       echo  html select    gt    Also modify the HTML to call this local  instead of the remote  script    lt iframe name  select frame  src  select local php initial name jim  gt  lt  iframe gt   lt input type  button  name  save  value  SAVE  gt    Now your browser should think that it is loading the iFrame content from the same domain

[javascript] Get value of input field inside an iframe

Examples related to javascript

Examples related to html

Examples related to iframe