<html>
  <head>
    <meta content="text/html; charset=windows-1252"
      http-equiv="Content-Type">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    Changing the drop down can be done most easily client-side.
    Therefore, I'd use jQuery to switch tabs and change the drop down.<br>
    <br>
    --john<br>
    <br>
    <div class="moz-cite-prefix">On 3/22/2016 11:08 AM, Wanjuan Yang
      wrote:<br>
    </div>
    <blockquote
      cite="mid:30AD8CBE-F2B2-4851-9EC2-8408A8D28E65@sanger.ac.uk"
      type="cite">
      <meta http-equiv="Content-Type" content="text/html;
        charset=windows-1252">
      <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>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <br>
      <pre wrap="">_______________________________________________
dancer-users mailing list
<a class="moz-txt-link-abbreviated" href="mailto:dancer-users@dancer.pm">dancer-users@dancer.pm</a>
<a class="moz-txt-link-freetext" href="http://lists.preshweb.co.uk/mailman/listinfo/dancer-users">http://lists.preshweb.co.uk/mailman/listinfo/dancer-users</a>
</pre>
    </blockquote>
    <br>
    <div class="moz-signature">-- <br>
      John J. McDermott, CPLP<br>
      Learning and Performance Consultant<br>
      jjm at jkintl.com 575/737-8556<br>
      Check out my <a href="http://cybersecurity.learningtree.com">
        security blog posts</a><br>
      Add an A for the Arts To STEM and get STEAM and a strong engine to
      move forward. </div>
  </body>
</html>