How to get the input box value from form to iframe?
Question
<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>
I need to take that input value and to keep it in the iframe Src="/00ON0000000FOHS?pv2=(value)" ? How can i do that?
it has to take the value and get loaded
3 answers
solution1
1 ACCPTED 2013-12-26 07:17:30
Try this
<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>
solution2
0 2013-12-26 07:27:48
Yes it should be possible, even if the site is from another domain.
$('input:button[name=save]').click(function() {
var name = $('iframe[name=select_frame]').contents().find('#select_name').val();
});
solution3
0 2013-12-26 07:30:29
I will suggest you to add data-src attribute, to iframe
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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to echo value from input box (<form name=“form1”>) to input box (<form name=“form2”>)
How to get the value in angularJS from the input box
How to get the value from an input box
How to get input box value without submitting form and put calculated value in other input box?
How to get value input form from FormGroup
How to get a return value from an input form?
How to get range input value on input box?
How to get the text of a input box which is showing value from backend
ReactJS: How To Get Input Value From The Prompt Box And Update It To Database
How to get value from radio button and input box using ReactJS?
Related Tags