<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>
<div>
<div><br>
</div>
<div>
<div id="MAC_OUTLOOK_SIGNATURE"></div>
</div>
</div>
</div>
<div><br>
</div>
<span id="OLK_SRC_BODY_SECTION">
<div style="font-family:Calibri; font-size:12pt; text-align:left; color:black; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0in; PADDING-LEFT: 0in; PADDING-RIGHT: 0in; BORDER-TOP: #b5c4df 1pt solid; BORDER-RIGHT: medium none; PADDING-TOP: 3pt">
<span style="font-weight:bold">From: </span>dancer-users <<a href="mailto:dancer-users-bounces@dancer.pm">dancer-users-bounces@dancer.pm</a>> on behalf of "John J. McDermott, CPLP" <<a href="mailto:jjm@jkintl.com">jjm@jkintl.com</a>><br>
<span style="font-weight:bold">Reply-To: </span>Perl Dancer users mailing list <<a href="mailto:dancer-users@dancer.pm">dancer-users@dancer.pm</a>><br>
<span style="font-weight:bold">Date: </span>Tuesday, March 22, 2016 at 5:38 PM<br>
<span style="font-weight:bold">To: </span>"<a href="mailto:dancer-users@dancer.pm">dancer-users@dancer.pm</a>" <<a href="mailto:dancer-users@dancer.pm">dancer-users@dancer.pm</a>><br>
<span style="font-weight:bold">Subject: </span>Re: [dancer-users] how to change drop down list on different tabs<br>
</div>
<div><br>
</div>
<div>
<div 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>
</div>
</div>
</span>
<div><br>
</div>
<div>I am able to get the data needed, but how to use jQuery to update the drop down, I.e. The option element in the template?</div>
<div><br>
</div>
<div>It is a list, not a single value.</div>
<div><br>
</div>
<div>Can anybody give me a hint please?</div>
<div><br>
</div>
<div>Many thanks,</div>
<div>Wendy</div>
<span id="OLK_SRC_BODY_SECTION">
<div>
<div bgcolor="#FFFFFF" text="#000000"><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">
<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>
</div>
</div>
</span>
</body>
</html>