Select a specific form on change of dropdown option
<p>I have 2 form that I want to show on change of dropdown option.</p>

<p>Means when select form1 in option Form1 should come and when select form2 in option form 2 should come.</p>

<p>How can I do that please give me suggestion</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Secelt Form&lt;/title&gt;
&lt;script type="text/javascript"&gt;
function fun1() {
    document.getElementById('form1');
}

&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;label&gt;Form 1&lt;/label&gt;
&lt;form  method="post"  name="firstform" id="form1" action=""&gt;
&lt;button id="btn1" value="Select All"&gt;Select All&lt;/button&gt;
&lt;button id="btn3" value="Delete CheckBox"&gt;Delete CheckBox&lt;/button&gt;  &lt;br&gt;&lt;br&gt;
&lt;input type="checkbox" name="chk" value="One" id="ck1"&gt;One&lt;/input&gt;&lt;br&gt;
&lt;input type="checkbox" name="chk" value="Two" id="ck2"&gt;Two&lt;/input&gt;&lt;br&gt;
&lt;input type="checkbox" name="chk" value="Three" id="ck3"&gt;Three&lt;/input&lt;br&gt;
&lt;input type="checkbox" name="chk" value="Four" id="ck4"&gt;Four&lt;/input&gt;br&gt;
&lt;input type="checkbox" name="chk" value="Five" id="ck5"&gt;Five&lt;/input&gt;br&gt;
&lt;button id="btn4" value="Status""&gt;Status&lt;/button&gt;
&lt;/form&gt;&lt;hr&gt;

&lt;label&gt;Form 2&lt;/label&gt;
&lt;form name="secondform" id="form2" action=""&gt;
Name : &lt;input type="text" name="name" placeholder="Enter Your Name"&gt;&lt;br&gt;&lt;br&gt;
Email : &lt;input type="text" name="email" placeholder="Enter Email id"&gt;&lt;br&gt;&lt;br&gt;
&lt;button id="btn5" name="chk" &gt;Submit&lt;/button&gt;
&lt;/form&gt;&lt;hr&gt;

&lt;label&gt;Select Form&lt;/label&gt;
&lt;select id="select1" onchange=""&gt;
&lt;option&gt;&lt;/option&gt;
&lt;option onselect="fun1()"&gt;Form 1&lt;/option&gt;
&lt;option&gt;Form 2&lt;/option&gt;
&lt;/select&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>