Как нажатием лемента изменять значение в переменой
 

Добрый день форумчане, требуется помощь, больших знаний в JavaScript нет. но хочу сделаь подобную штуку. Есть елемент который при определенном слове в поле ЗАПРОС витаскивает инфу с другой страницы.
есть список из несколких вариантов. Вопрос в следующем, как сделать так, чтобы при нажатии на кнопку вида

<li><a id='1' href='#'><span>Asus</span></a></li>
 <li><a id='2' href='#'><span>Lenovo</span></a></li>

Менялось только значение в поле ЗАПРОС
Или такое реализовать не возможно?

<div id="apotwins" style="display:none;"></div> </div></div>

var apoetitle = 'ЗАПРОС'; 
var apoetitle = apoetitle.split(' ')[0]; 

 $('#apotwins').load('/search/' + apoetitle + ' #aporesult', function() { 
 $('#apotwins #aporesult').css('display', 'none').slice(0, 5).fadeIn(); 
 $('#apotwins').fadeIn().before('<div class="apohm">Найдено похожих материалов: <b>' + $('#apotwins #aporesult').size() + '</b> </div><br>'); 
if($('#apotwins #aporesult').size() > 5) { 
 $('.apohm').append('<a id="apohideme" href="/search/' + apoetitle + '" onclick="$(\'#apohideme\').hide(300);$(\'#apotwins #aporesult\').show(500);return false;">[Показать все результаты]</a>'); 
} 
});

$('#apotwins #aporesult').css('display', 'none').slice(0, 5) - это как понимать?

Честно без понятия код взят из интернета, и он работает, мне только вот бы настроить смену значения о котором писал выше, и тогда будет шик))
Это можно как то воплотить? или может у кого нибудь уже есть готовые примеры, буду очень благодарен за помощь.

$('#apotwins #aporesult') - это взять в элементе #apotwins элемент #aporesult
.css('display', 'none') - скрыть его, и до этой поры все норм, но
.slice(0, 5) - уже полнейшая дурь, ибо id элементов совсем не для коллекций

как и полнейшая дурь это - $('#apotwins #aporesult').size()

Показывайте свой html, и что нужно, править же какую-то дурь нет желания.

Нужно следующее, при нажатии на определенный <li><a id='5521174А' href='#'><span>Asus</span></a></li>
в скрипт вставляется значение как пример "5521174А" это тег на сайте который в результате поиска выдет материалы, скрипт ищет через поиск на сайте и показывает результат в коде на другой странице <div id="apotwins" style="display:none;"></div>
На странице поиска есть вторая часть скрипта
<div id="aporesult"> Название материала информация про него</div>
Все что в нем будет отображаться на той странице где стоит скрипт

а я хочу сделать чтобы когда есть множественный выбор то есть, если есть список из нескольких вариантов, вида

<li><a id='5521174А' href='#'><span>Asus</span></a></li>
<li><a id='52238111' href='#'><span>Asus</span></a></li>
<li><a id='41217547' href='#'><span>Asus</span></a></li>
<li><a id='56411255' href='#'><span>Asus</span></a></li>

С разными тегами, то при нажатии на разные кнопки скрипт искал по ним материалы на сайте

ну собственно сам скрипт то который вверху,ничего больше особого в нему нет

ссылка на страницу http://ig-parts.at.ua/index/audi_a2_8z0_1_4_tdi/0-37

и
Вопрос - а зачем что-то из чего-то получать, вставлять во что-то, чтобы сделать запрос, результат которого другая страница? Ну так вместо этого <a id='5521174А' href='#'>, сразу и прописывайте нормальный url, типа <a href='domain?search=5521174А'>.... зачем городить околесицу?