[Solved] Display search results inside div and add new results

by


Your question is quite vague but I think what I’ve done below can at least nudge you in the right direction.

Let’s say you have something like this – a div to hold your search results, each of which is it’s own div with class result, and a separate div to hold the ‘moved’ ones:

<div id="searchResults">
    <div class="result">This is one search result.</div>
    <div class="result">This is another result.</div>
</div>

<div id="chosenResults"></div>

Now, we can use JQuery to put in the “move” functionality:

$(document).ready(function() { //On page load
    $('.result').click(function() { //When element with class "result" is clicked
        $(this).detach().appendTo('#chosenResults'); //Remove it form the results list, add it to the other
    });
});

Here it is in action: http://codepen.io/anon/pen/GqBxEp

I’m not sure where you’re at in regards to the actual data retrieval, etc, however I figured knocking out the front-end as I have above may be useful for you.

2

solved Display search results inside div and add new results