<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif;">
<div>Hi,</div>
<div><br>
</div>
<div>I have a template:</div>
<div>The first part is a form with a drop down list.</div>
<div>The second part of the template consists different tabs.</div>
<div><br>
</div>
<div>By selecting from the list, it shows different content in the second part of the template.</div>
<div><br>
</div>
<div>But I want to change the drop down list content when switch between tabs. How can I do it?</div>
<div><br>
</div>
<div>The simplified version of the codes look like:</div>
<div><br>
</div>
<div>
<div> <div class="panel"></div>
<div> <h3 >Select a tissue specific analysis: </h3> </div>
<div> <div class="filt_options"></div>
<div> <form action=“/someaction/&" method="post" autocomplete="off"></div>
<div> <select name="tissue" class="tissue_selector"></div>
<div> <?pl foreach my $tissue ( @$tissues ){ ?></div>
<div> <option value="[== $tissue->[1] =]"> [== $tissue->[0] =]</option></div>
<div> <?pl } ?></div>
<div> </select></div>
<div> </form></div>
<div> </div></div>
</div>
<div><br>
</div>
<div> <div class="sub_data" id="tissue_selection”></div>
<div> <ul class="tabs"></div>
<div> <li><a href="#t_first">Overview</a></li></div>
<div> <li><a href=“#t_second”>Plot</a></li></div>
<div> </ul></div>
<div> </div>
<div> <div id="t_first" class=“overview”></div>
<div> </div></div>
<div><br>
</div>
<div>
<div> <div id=“t_second” class="plot"></div>
</div>
<div> </div></div>
<div></div></div>
<div></div></div>
<div><br>
</div>
<div>Many thanks,</div>
<div>Wendy</div>
<div>
<div id="MAC_OUTLOOK_SIGNATURE"></div>
</div>
</body>
</html>