2015-11-02 3 views
-1

Мне интересно, может ли кто-нибудь показать мне, как захватить значение формы ввода и запустить его через канал J-запроса, чтобы, наконец, сбросить его в div.JQuery Feed from Input

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;} 

На скрипке вы увидите поле ввода и DIV с идентификатором 'подачи' .. В идеале пользователь вводил бы что-то вроде cnn.com в поле ввода & в div #feed появится фид (может добавить submit).

+1

_' # feed' div появится feed_, но откуда? Добро пожаловать в SO, Пожалуйста, сформулируйте свой вопрос с четкой постановкой проблемы. – Satpal

+0

Hi Satpal - спасибо за советы. Допустим, я набираю строку поиска www.cnn.com и нажимаю submit - чего я пытаюсь достичь, это сценарий JQuery, который помещает весь html с сайта www.cnn.com в 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

Thats довольно прохладно Krenor - на правильных линиях. Когда я набираю CNN.com в строке поиска, он появляется ниже - то, что мы ищем, - это rss/html-канал от cnn.com в #feed div? Любые мысли .. ура! –

+0

Возможно, вы можете попробовать запрос AJAX GET. Возможно, для этого уже существует плагин, поскольку я не знаю, так как я еще не работал с RSS-каналами. – Krenor