iframe网址搜索

-1

我想为HTML（也许是JS）的iframe做一个url搜索输入。我搜索了很多的网站，我没有找到。iframe网址搜索

有谁知道如何？

我想我需要使用像

<form action="http://" method="get" target="myiframe"> 
<input id="search" type="text"> 
</form>

？

来源

2013-02-28 user2091820

所以，你要的形式，提交时更新的iframe？ – 2013-02-28 18:04:38

是的，就是这样。 – user2091820 2013-02-28 18:05:34

你可以使用jQuery吗？ – 2013-02-28 18:20:37

您可以使用jQuery：

// Send search form data 
    $("#searchFormId").submit(function(event) { 
    // stop form from submitting normally 
    event.preventDefault(); 
    // get search form input field value 
    var s = $('#inpuFieldId').val(); 
    // update iframe url 
    $('#iframeid').attr('src', 'http://example.com?formvalue='+s); 
    } 
    );

来源

2013-02-28 18:22:51 Eugen

表单怎么可能？ – user2091820 2013-02-28 18:25:45

你需要完整的脚本或技巧？你可以阅读来自jquery的文档以获得理解。 http://api.jquery.com/submit/ – Eugen 2013-02-28 18:27:31

说实话我需要脚本 – user2091820 2013-02-28 18:29:01

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <title>Update iframe</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
</head> 

<body id='body'> 
<div><form action="" method="get" id="myform"> <input id="search" type="text" /><input type="submit" value="go" /> </form></div> 
<div align="center"><iframe name="MyIframe" id="myiframe" src="" width="980" height="500" scrolling="yes" frameborder="0"></iframe><div> 
<script> 
// Send search form data 
    $("#myform").submit(function(event) { 
    // stop form from submitting normally 
    event.preventDefault(); 
    // get search form input field value 
    var s = $('#search').val(); 
    // update iframe url 
    $('#myiframe').attr('src', 'http://jquery.com/?s='+s); 
    } 
    ); 
</script> 
</body> 
</html>

来源

2013-02-28 20:18:03 Eugen

好的工作，试图帮助。希望这是他们想要的。 – user1477388 2013-02-28 20:20:45

如果它正是您要查找的内容，请接受答案。 – Eugen 2013-02-28 20:27:27

容易的错误，我不是那个问这个问题的人（那是用户2091820） – user1477388 2013-02-28 20:35:38

iframe网址搜索

回答

相关问题