как мне поменять форму при клике на ссылку? например на странице 2 формы 1 из них показывается другая нет:

<a href="#">меняем форму отправки</a><br>


<div id="div1">
<form id="form1" name="search1" action="1.php" method="POST">
<input type="text" name="text1">
<input type="submit1">
</form>
</div>

<div id="div2" style="display:hidden;">
<form id="form2" name="search2" action="2.php" method="POST">
<input type="text" name="text2">
<input type="submit2">
</form>
</div>

как я понимаю надо всего навсего на событие онклик поменять стиль дива на видимый?

Да. И еще отменить переход по самой ссылке (в простейшем случае - return false в конце onclick-а).

Только "display:hidden;" - такого стиля нет. Бывает display:none и visibility:hidden.

примерно так

bars80080, в одной функции трижды происходит вызов document.getElementById('a1'). Зачем?

ёшкин кот, для читабельности примера
понятное дело что можно написать: 
var q1 = document.getElementById('a1').style.display;
var q2 = document.getElementById('a2').style.display;
и далее подставлять
али ты думаешь, что чел.который спрашивает это силён в js?

Такую конструкцию нельзя назвать читабельным примером.


Нет, не думаю. Тут, среди нас, вообще "силачей" нет. Только это к коду не имеет никакого отношения.

спасибо SelenIT. спасибо AKS в любом случае мне был важен принцип как примерно код должен выглядеть функции в любом случае мне нужно переделывать