выбор элемента

[ZET78]

Кто может помочь, в общем я написал выбор формы без перезагрузки страницы, вот код:

<div class="search_info"><span class="type"><strong><a href="#"
  onclick="if(document.getElementById('pr1').style.display=='none') { document.getElementById('pr1').style.display='block';  
document.getElementById('pr3').style.display='none';       
document.getElementById('pr2').style.display='none';  
}"
  >Типы:</a></strong></span>&nbsp;все&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="type"><strong><a href="#" 
  onclick="if(document.getElementById('pr2').style.display=='none') { document.getElementById('pr2').style.display='block';  
document.getElementById('pr1').style.display='none';       
document.getElementById('pr3').style.display='none';  
}"
  >Языки:</a></strong></span>&nbsp;все&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="type"><strong><a href="#"
  onclick="if(document.getElementById('pr3').style.display=='none') { document.getElementById('pr3').style.display='block';  
document.getElementById('pr2').style.display='none';       
document.getElementById('pr1').style.display='none';  
}"
  >Предметы:</a></strong></span>&nbsp;все</div>
  <span id="pr1" style="display:block;">
  <div class="type_field"><ul class="types">
  <li><a href="#">Реферат</a></li>
  <li><a href="#">Диплом</a></li>
  <li><a href="#">Лабораторная</a></li>
  <li><a href="#">Курсовая</a></li>
  </ul>
  
  <div class="type_field3"><ul class="types">  
  <li><a href="#">Тут</a></li>
  <li><a href="#">Должно</a></li>
  <li><a href="#">Быть больше</a></li>
  <li><a href="#">Типов</a></li>
  </ul></div>
  </div>
  </span>
  
  <span id="pr2" style="display:none;">
  <div class="type_field"><ul class="types">
  <li><a href="#">Русский</a></li>
  <li><a href="#">Китайский</a></li>
  <li><a href="#">уругвайский</a></li>
  <li><a href="#">блядский</a></li>
  </ul>
  
  <div class="type_field3"><ul class="types">  
  <li><a href="#">Тут</a></li>
  <li><a href="#">Должно</a></li>
  <li><a href="#">Быть больше</a></li>
  <li><a href="#">языков</a></li>
  </ul></div>
  </div>
  </span>
  
  <span id="pr3" style="display:none;">
  <div class="type_field"><ul class="types">
  <li><a href="#">история</a></li>
  <li><a href="#">сексология</a></li>
  <li><a href="#">технология</a></li>
  <li><a href="#">еще че-то</a></li>
  </ul>
  
  <div class="type_field3"><ul class="types">  
  <li><a href="#">Тут</a></li>
  <li><a href="#">Должно</a></li>
  <li><a href="#">Быть больше</a></li>
  <li><a href="#">предметов</a></li>
  </ul></div>
  </div>
  </span>

как сделать так, что к примеру если я выбрал реферат, вместо все выводилось слово реферат?

[ZET78]

все, разобрался, если кому-надо то вот код(использовал библиотеку jquery)

<script type="text/javascript" src="jquery.js"></script> 

<form class="jQuery_form" action="" method="post" style="float: left; width: 250px;" name="form1">
    <input name="check1" type="checkbox" onclick="document.form1.submit.click()">вЕЙАНЙЯ 1<br>
    <input name="check2" type="checkbox" onclick="document.form1.submit.click()">вЕЙАНЙЯ 2<br>
    <input name="check3" type="checkbox" onclick="document.form1.submit.click()">вЕЙАНЙЯ 3<br>
    <a  href='#' >ol</a>
	<input name="submit" value="" type="submit" style="display:none">

</form>
<div class="jQuery_result_field" style="margin-left: 260px;"></div>
<br clear="both">
<script type="text/javascript">
    $(".jQuery_form input[type='submit']").click(function() {
        $(".jQuery_result_field").empty();
        $(".jQuery_result_field").append("<strong>вЕЙАНЙЯШ:</strong><br/>");
        $(".jQuery_form :checked").each(function() {
            $(".jQuery_result_field").append($(this).attr("name") + " ");
        });
       
        
        return false;
    });
</script>


</html>