[英]Javascript input data from a link into text field within an iFrame
[英]Input text to a link within an <iframe>
我有一個不在iframe中的鏈接列表,可使用不同的info.eg刷新iframe
href="http://www.myfav.co.uk/nf_req_grid.php?g=top_72&e=joebloggs@mail.com<? echo $email; ?>" target="iframe_c"
這很好用,但是我還需要用戶輸入g = xxxx位的文本,這些文本不在通用列表中,該列表也位於iframe之外。 我嘗試了各種方法,包括隱藏在輸入語句中,但只有通過重新加載整個頁面才能成功完成,這是我希望避免的。 我相信答案很簡單,但是卻使我望而卻步。 謝謝
我認為最簡單的方法是使用如下所示的javascript進行裝配:
<input name="g" type="text" />
<button name="b" value="Refresh" />
<script>
$(document).ready( function(){
$('button[name="b"]').click( function() {
var g = $('input[name="g"]').val();
var e = '<?= $email ?>';
var url = 'http://www.myfav.co.uk/nf_req_grid.php?g='+g+'&e='+email;
$('#iframeId').attr('src', url);
});
});
</script>
嘗試這個:
HTML:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="ginpt"><br/>
<a href="http://www.myfav.co.uk/nf_req_grid.php?g={g}&e=joebloggs@mail.com" class="dlink" target="iframe_c">a</a><br/>
<a href="http://en.wikipedia.org?q={g}&e=a@a.com" class="dlink" target="iframe_c">b</a><br/>
<a href="http://www.bing.com?q={g}&e=a@a.com" class="dlink" target="iframe_c">c</a><br/>
<iframe src="" name="iframe_c"></iframe>
Javascript:
<script>
$(document).ready( function(){
$('.dlink').on('click',function(e){
e.preventDefault();
window.open(
$(this).attr('href').replace('{g}',$('.ginpt').val()),
$(this).attr('target')
);
})
});
</script>
在此示例中,我只是將您的g querystring值替換為一個宏,當他們單擊錨點時,該宏將被javascript函數替換。
jsFiddle: http : //jsfiddle.net/0dzassds/1/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.