如何从表单获取输入框值到iframe?

Posted

技术标签:

【中文标题】如何从表单获取输入框值到iframe?【英文标题】:How to get the input box value from form to iframe? 【发布时间】:2014-01-13 20:50:18 【问题描述】:
<html>
  <script type="text/javascript">  
    function showIFrame()   
      var iframe = document.getElementById("output");  
      iframe.style.display="block";  
      
  </script>
  <form method="get"  name="search" id="search"  target="carsearch">
    <b>Enter Text</b><input type="text" id="pv2" name="pv2"/>
    <input type="submit" value="Report Generation" class="submitBtn" id="SearchCarButton" onclick="showIFrame()"/>

    <iframe id="output" style="border:1px solid;width:1000px;height:500px;" src="/00ON0000000FOHS?pv2=" name="carsearch">
    </iframe>
  </form>

</html>

我需要获取该输入值并将其保存在 iframe Src="/00ON0000000FOHS?pv2=(value)" 中吗? 我该怎么做?

它必须取值并加载

【问题讨论】:

iframe 的 ID 是 output 还是 myiframe? 抱歉输出不是 myiframe 【参考方案1】:

试试这个

<html>
<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">  
 function showIFrame()

 var url='/00ON0000000FOHS?pv2=('+$('#pv2').val()+')';
  $('#output').show();
 $('#output').attr('src', url);

</script>
    <form method="get"  name="search" id="search"  target="carsearch">
        <b>Enter Text</b><input type="text" id="pv2" name="pv2"/>
        <input type="submit" value="Report Generation" class="submitBtn" id="SearchCarButton" onclick="showIFrame()"/>

     <iframe id="output" style="display:none;border:1px solid;width:1000px;height:500px;" src="/00ON0000000FOHS?pv2=" name="carsearch">
</iframe>
</form>

</html>

DEMO

【讨论】:

感谢您的回答,但它没有刷新 iframe 每当您的函数调用时,它都会刷新 iframe src 值 它对我不起作用。当我们直接给 src="/00ON0000000FOHS?pv2=account3" 时,它正在 iframe 中显示并显示相同。有什么方法可以直接从文本框中获取。我试过这样 src="/00ON0000000FOHS?pv2= $('#pv2').val()" 。这也不起作用。然后我尝试使用这个 var url='/00ON0000000FOHS?pv2=account3' 直接分配值来检查这不是采取。你能建议任何其他方式【参考方案2】:

是的,即使该站点来自另一个域,它也应该是可能的。

$('input:button[name=save]').click(function() 
        var name = $('iframe[name=select_frame]').contents().find('#select_name').val();
    );

【讨论】:

【参考方案3】:

我建议你在 iframe 中添加data-src 属性

JavaScript

function showIFrame() 
    var myIframe = $('#output');
    myIframe.attr('src', myIframe.attr('data-src') + $('#pv2').val());
    myIframe.show();

HTML:

<iframe id="output" src="" data-src="/00ON0000000FOHS?pv2=" name="carsearch" style="display:none;border:1px solid;width:1000px;height:500px;" >
</iframe>

【讨论】:

以上是关于如何从表单获取输入框值到iframe?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Javascript 从输入框值中获取总和?

Django从html页面访问动态表单值到视图[关闭]

如何使用javascript验证动态生成的输入框值

如何获取更改后的输入框值?

如何在不更改选择框值的情况下选择选择框时更改html中的输入框值

在 access 2007 中更新组合框值