Question

我有一个不在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之外。我尝试了各种方法，包括隐藏在输入语句中，但只是通过重新加载我希望避免的整个页面来成功完成。我确信答案很简单，但是我不知道。谢谢

Answer 1

我认为用这样的一些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>

Answer 2

试试这个：

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查询字符串值，当他们点击锚点时，它将被javascript函数替换。

jsFiddle：http://jsfiddle.net/0dzassds/1/

将文本输入到<iframe> </iframe>中的链接

2 个答案: