[dancer-users] how to change drop down list on different tabs

22 Mar 2016

      Hi,

I have a template:
The first part is a form with a drop down list.
The second part of the template consists different tabs.

By selecting from the list, it shows different content in the second part of the template.

But I want to change the drop down list content when switch between tabs. How can I do it?

The simplified version of the codes look like:

  <div class="panel">
    <h3 >Select a tissue specific analysis: </h3>
    <div class="filt_options">
       <form action=“/someaction/&" method="post" autocomplete="off">
           <select name="tissue" class="tissue_selector">
                 <?pl foreach my $tissue ( @$tissues ){ ?>
                    <option value="[== $tissue->[1] =]"> [== $tissue->[0] =]</option>
               <?pl } ?>
        </select>
    </form>
    </div>

   <div class="sub_data" id="tissue_selection”>
       <ul class="tabs">
          <li><a href="#t_first">Overview</a></li>
         <li><a href=“#t_second”>Plot</a></li>
     </ul>

  <div id="t_first" class=“overview”>
  </div>

  <div id=“t_second” class="plot">
  </div>
</div>
</div>

Many thanks,
Wendy

[dancer-users] how to change drop down list on different tabs

Wanjuan Yang