created the div in javascript

created the div in javascript

in my project i have something like this in my html :
<div class="row">
<div class="span3">
<div class="dropdown">
<select class="selectpicker btn-success" id="groupe"
data-style="btn-primary">
<option value="">Awaiting data...</option>
</select>
</div>
</div>
</div>
<div class="tabbable ">
<!-- Only required for left/right tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1"
data-toggle="tab">Economics</a></li>
<li><a href="#tab2" data-toggle="tab">Physics</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<p>
<div class="row">
<div class="span4">
<div id="reportingContainer" style='width: 300px;
height: 300px;'></div>
</div>
<div class="span8">
<div id="dashboard">
<div id="combochart" style='width: 915px; height:
300px;'></div>
<div id="control" style='width: 915px; height:
50px;'></div>
</div>
</div>
</div>
</p>
</div>
<div class="tab-pane" id="tab2">
<p></p>
</div>
</div>
</div>
i want that we i click in my drop down and i select something, sometimes i
can see only
<div class="tab-pane active" id="tab1">
and sometimes i can see only
<div class="tab-pane" id="tab2">
and sometimes i can see both of them,actually it depends of my database.
how we can say in javascript for created the div ?