尝试从 iframe 获取选择值

trying to fetch the select values from iframe

本文关键字：选择 获取 iframe      更新时间：2023-09-26

我正在尝试访问 iframe 元素选择并获取其页面中的所有值，选择实际上在对话框中。

我的JS文件我编写此代码以访问选择谁的ID是"firstSelectms2side__sx"，但它不起作用。

好的，让我们忘记iframe，我尝试了这段代码，这是我尝试访问选择值的简单代码。

  <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 循环来选择它应该是选项，而不是选择。

因此，只需将其更改为选项或仅提供选项的id即可。

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

同时将 .text（） 更改为 val（）。

如果 select 是动态创建的，则遍历选定的子项并引用 select 的子项调用每个子项。

如果您有如下 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();
相关文章：