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網址搜索

回答

相關問題