尝试从iframe中获取选择值

时间:2014-11-18 09:39:16

标签: javascript jquery iframe

我想访问iframe元素并在我的页面中获取所有值,select实际上是在对话框中。

我的JS文件我写这段代码来访问选择谁的ID是" firstSelectms2side__sx",但它没有用。

好的,让我们忘记iframe我尝试了这个代码,这是我尝试访问select值的简单代码。

  <html>

  <head>

  <script type="text/javascript" src="eRoster/jquery-1.9.1.js" ></script>

  <script type="text/javascript">

  $(document).ready( function () {
  $( "select" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
      });
   });
  </script>

  </head>

   <body>

   <select id="select">
   <option value="212"></option>
   <option value="243"></option>
   <option value="254"></option>
   <option value="263"></option>
   <option value="235"></option>
   <option value="233"></option>
   </select>

   </body>

   </html>

还想知道何时调用each()。 它什么都不做。

2 个答案:

答案 0 :(得分:1)

你要做的是调用每个循环选择它应该是选项,而不是选择。

所以只需将其更改为选项或只提供选项ID。

$( "option" ).each(function( index );

也将.text()更改为val()。

如果select是动态创建的,那么遍历select子节点并参考select子节点调用每个子节点。

答案 1 :(得分:0)

如果你有以下iframe: -

<iframe id="iFrame" >
  <select id="firstSelectms2side__sx" multiple="multiple" size="6" name="firstSelectms2side__sx">
    <option value="M1018617">Amitkumar Gupta</option>
    <option value="M1003939">Lakshmi Rao</option>
    <option value="M1003423">M1003423</option>
    <option value="M1018652">M1018652</option>
    <option value="M1013712">Mahesh Kumar Kothapally</option>
    <option value="M1007327">Manikyam Pulaparthi</option>
    <option value="M1013240">Raghavendra S</option>
    <option value="M9002402">Shibi</option>
  </select>
</iframe>

然后在父窗口中: -

  var iframeBody = $("#iFrame").contents().find("body");

  var valueFromIframe = iContentBody.find($('#firstSelectms2side__sx option:selected')).text();