2015-11-02 69 views
-1

我想知道是否有人可以告訴我如何獲取輸入表單的值,並通過J-query feed運行它,最終將其轉儲到div中。從輸入jquery飼料

https://jsfiddle.net/e82fes66/3/

HTML

<div><input value="Search Here"></input></div> 
<div id="feed" class="feed"></div> 

CSS

div {margin:25px;} 
.feed {width:300px; height:200px; border:1px solid #000; overflow-x:hidden;} 

上你會看到一個輸入框,並用id '飼料' div的,小提琴..理想情況下,用戶可以在輸入字段中輸入類似cnn.com的內容#feed div中的210會出現一個提要(可能會添加一個提交)。

+1

_'#feed' div會出現feed_但是從哪裏?歡迎來到SO,請用明確的問題陳述來制定你的問題。 – Satpal

+0

嗨Satpal - 感謝提示。假設我在搜索欄中輸入www.cnn.com並單擊提交 - 我試圖實現的是一個JQuery腳本,它將來自www.cnn.com的所有html放到同一頁面上的div中?這是可能的..乾杯,瑞恩。 :) –

回答

0

你的意思是這樣的嗎?

<div> 
    <input placeholder="Search Here" id="search"/> 
</div> 
<div id="feed"></div> 

$('#search').on('keyup', function(){ 
    $('#feed').html('<p>' + $(this).val() + '</p>'); 
}); 
+0

這很酷的克雷諾 - 在正確的線條。當我在搜索欄中輸入CNN.com時,它顯示在下面 - 我們正在尋找的是來自cnn.com的#feed div中的rss/html源?任何想法..乾杯! –

+0

你可以嘗試一個AJAX GET請求。也許現在已經有一個插件了,因爲我還不知道,因爲我還沒有使用RSS源。 – Krenor