how to use each and change at the same time
- <html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="structure/style.css" />
<link rel="stylesheet" type="text/css" href="structure/calendar.css" />
<link rel="stylesheet" href="http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/library/styles/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/library/styles/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 7]><link type="text/css" href="http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="Demo Site RSS Feed" href="http://graphpaperpress.com/demo/feed/" />
<link rel="pingback" href="http://graphpaperpress.com/demo/xmlrpc.php" />
<script type="text/javascript" src="http://staticreality.us/wp-content/themes/modularity-lite/js/jquery-1.2.6.min.js?ver=2.9.1"></script>
<!--<script type="text/javascript" src="structure/jquery-1.3.2.min.js"></script>-->
<script type="text/javascript" src="http://staticreality.us/wp-content/themes/modularity-lite/js/nav.js?ver=2.9.1"></script>
<script type='text/javascript' src='http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/js/jquery.cycle.js?ver=2.9.1'></script>
<script type="text/javascript" src="http://staticreality.us/wp-content/themes/modularity-lite/js/jquery.innerfade.js"></script>
<script type="text/javascript" src="structure/jquery.maskedinput-1.2.2.min.js"></script>
<script src="structure/jquery.watermarkinput.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($){
$("#firstn").Watermark("First");
$("#email").Watermark("E-mail");
$("#lastn").Watermark("Last");
$("#email").Watermark("MI");
$("#gname").Watermark("Your guardian's name");
$("#interest").Watermark("interest");
$("#address").Watermark("address");
});
jQuery(function($){
$("#date").mask("9999/99/99");
$("#phonecell").mask("(999) 9999-9999");
$("#phonehome").mask("(999) 9999-9999");
$("#ssn").mask("999-99-9999");
});
$(document).ready(function(){
$('ul#portfolio').innerfade({
speed: 1000,
timeout: 3500,
type: 'sequence',
containerheight: '425px'});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(navigationArrow("http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/images/arrow.png"));
jQuery(function() {
jQuery("#slideshow").cycle({
speed: '2500',
timeout: '500',
pause: 1
});
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
//jQuery(navigationArrow("http://graphpaperpress.com/demo/wp-content/themes/modularity-lite/images/arrow.png"));
jQuery(function() {
jQuery("#slideshow").cycle({
speed: '2500',
timeout: '500',
pause: 1
});
});
});
</script>
<script type="text/javascript">
$(function() {
$('.table-row-51').hover(
function(){$(this).css('background-color', '#600');}
,
function(){$(this).css('background-color', 'transparent');}
);
});
</script>
<script type="text/javascript" src="structure/calendarpicker.js"></script>
<script type="text/javascript" src="http://staticreality.us/wp-content/themes/modularity-lite/js/search.js"></script>
<link rel='index' title='ART GALLERY' href='www.artgallery.com' />
<!--</a><link href="http://graphpaperpress.com/demo/wp-content/themes/modularity/styles/default.css" rel="stylesheet" type="text/css" />
<link href="http://graphpaperpress.com/demo/wp-content/themes/modularity/custom.css" rel="stylesheet" type="text/css" />
-->
</head><body><div id="top">
<!-- Begin Masthead -->
<div id="masthead">
<h4 class="left"><a href="http://www.jobjobhesk.0fees.net/" title="Home" class="logo">Sino-French Art Institute</a> <span class="description">Just another Second Life blog</span></h4>
</div>
<!-- Navigation -->
<div id="nav">
<ul>
<li class="drop"><span>Learn How</span>
<ul>
<li class="cat-item cat-item-4 current-cat-parent"><a href="http://staticreality.us/?cat=4" title="All languages and flares that have something to do with programming. or altering the way we see things online.">Learning Art Culture</a>
</li><li class="cat-item cat-item-6 current-cat"><a href="http://staticreality.us/?cat=6" title="This section is entirely dedicated to the Second Life Client and its 3rd party offspring">Classes overview</a>
</li><li class="cat-item cat-item-5"><a href="http://staticreality.us/?cat=5" title="Everything you need or want to know about groups and how they work">Group Activities</a>
</li><li class="cat-item cat-item-3"><a href="http://staticreality.us/?cat=3" title="Scripts and programs that run entirely inside second life. well with perhaps a little help from webservers here and there.... hehe">Gallery Overview</a>
</li><li class="cat-item cat-item-7"><a href="http://staticreality.us/?cat=7" title="random thoughts that cross the minds of we as i am angry. lol">Awards</a>
</li><li class="cat-item cat-item-1"><a href="http://staticreality.us/?cat=1" title="View all posts filed under Uncategorized">Others</a>
</li>
</ul>
</li>
<li class="drop"><span>People</span>
<ul>
<li class="page_item page-item-6"><a href="http://staticreality.us/?page_id=6" title="About">Instructors</a></li>
<li class="page_item page-item-11"><a href="http://staticreality.us/?page_id=11" title="Fun with Discrimination">Students</a></li>
<li class="page_item page-item-16"><a href="http://staticreality.us/?page_id=16" title="Static Wiki">Awards</a></li>
</ul>
</li>
<li class="drop"><span>Subscribe</span>
<ul>
<li><a href="http://staticreality.us/?feed=rss2" class="icon entries">Classes schedule</a></li>
<li><a href="http://staticreality.us/?feed=comments-rss2" class="icon comments">Subscribe to comments</a></li>
</ul>
</li>
<li class="drop"><span>Contact</span>
<ul>
<li><a href="tel:(765) 216-5073 " class="icon phone">(765) 216-5073 </a></li>
<li><a href="mailto:malachi@tamzap.com" class="icon email">malachi@tamzap.com</a></li>
</ul>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- Table for Main Body -->
<div class="container"><div class="container-inner">
<!--
BANNER for Main Body
-->
<div class="span-15 colborder home"><h3 class="sub">Inside Page</h3><div class="post" id="post-50">
<script type="text/javascript">var mydata_classdata = new Array();
mydata_classdata[0] = [47,150,23];mydata_classdata[1] = [46,150,50];mydata_classdata[2] = [42,0,0];mydata_classdata[3] = [45,150,50];mydata_classdata[4] = [48,0,0];mydata_classdata[5] = [49,0,0];mydata_classdata[6] = [50,0,0];mydata_classdata[7] = [51,0,0];mydata_classdata[8] = [52,0,0];mydata_classdata[9] = [53,0,0];mydata_classdata[10] = [54,0,0];mydata_classdata[11] = [55,0,0];mydata_classdata[12] = [56,0,0];mydata_classdata[13] = [57,0,0];mydata_classdata[14] = [58,0,0];mydata_classdata[15] = [59,0,0];mydata_classdata[16] = [60,0,0];$(document).ready(function(){
$('.add').click(function(){
var num = $('.clonedInput').length;
var newNum=new Number(num + 1);
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);
$('#input' + num).after(newElem);
//$('.remove').attr('disabled','');if (newNum == 5)$('.add').attr('disabled','disabled');
});
$('.remove').click(function() {
var num= $('.clonedInput').length;
if(num>1){
$('#input' + num).remove();
$('.add').attr('disabled','');
//if (num-1 == 1)$('.remove').attr('disabled','disabled');
}
});
//$('.remove').attr('disabled','disabled');});
$('.reset').click(function() {
var num= $('.clonedInput').length;
//if(num>1){
for(var i=num; i>1; i--){
$('#input' + i).remove();
//$('.add').attr('disabled','');
//}
//if (num-1 == 1)$('.remove').attr('disabled','disabled');
}
});
function jk(){
$().change(function(){
//"div[id*='input']"
//var uii=$(this).parents("[@id]:first");
var k1 = "";
//$('select').parentsUntil('.clonedInput').text();
//$(evt.target).parent().attr('id');
var k2 = $('select').text();
//var num = parseInt(theinput.substring(6,-1));
var k3 = $('select').parent().attr('id');
var k4 = $('select').val();
var k5 = "";
//var k6 = $(this).val();
alert(k1+"\n"+k2+"\n"+k3+"\n"+k4+"\n"+k5);
//var numcid = theinput.children(':first')
//theinput.children(':first').html("<div class='table-row-50'>"+numcid+"</div>");
//});
//}
});}
$('select').each(jk);
//$('select').change(jk);
});
</script>
<form name='registration' action='registration.php?m=reg' onsubmit='return checkscript()'><div class='table-row-50'>Register Student Name</div><div class='table-row-51'>chuen kk</div><div class='price'></div><div class='fee'></div><div class='secion'></div><div class='subtotal'></div><div class='clear'></div><div class='table-row-50'>Student ID</div><div class='table-row-51'>5002642</div><div class='price'></div><div class='fee'></div><div class='secion'></div><div class='subtotal'></div><div class='clear'></div><div class='table-row-50'>Phone</div><div class='table-row-51'>0</div><div class='price'></div><div class='fee'></div><div class='secion'></div><div class='subtotal'></div><div class='clear'></div><div id="input1" style="margin-bottom:4px;" class="clonedInput">
<p>Class:<select name="usertheme" id="----">
<OPTION value=''>Empty</OPTION><OPTION value='47'>47 國畫書法班</OPTION> <OPTION value='46'>46 卡通畫班</OPTION> <OPTION value='42'>42 兒童啟蒙班</OPTION> <OPTION value='45'>45 多材多藝班</OPTION> <OPTION value='48'>48 書法參賽班</OPTION> <OPTION value='49'>49 趣意手工班</OPTION> <OPTION value='50'>50 專業素描班</OPTION> <OPTION value='51'>51 普通話暢遊班</OPTION> <OPTION value='52'>52 普通話拚音班</OPTION> <OPTION value='53'>53 普通話會話班</OPTION> <OPTION value='54'>54 中三中七班</OPTION> <OPTION value='55'>55 712暑期版畫</OPTION> <OPTION value='56'>56 712暑期剪紙</OPTION> <OPTION value='57'>57 712暑期勞作</OPTION> <OPTION value='58'>58 82暑期國畫</OPTION> <OPTION value='59'>59 82暑期絲?花</OPTION> <OPTION value='60'>60 7-8油畫班</OPTION> </select></p>
</div>
<a href="#" class="add"><img src="structure/images/add.png" width="24" height="24" alt="add" title="add input" /></a>
<a href="#" class="remove"><img src="structure/images/remove.png" width="24" height="24" alt="remove input" /></a>
<a href="#" class="reset"><img src="structure/images/reset.png" width="24" height="24" alt="reset" /></a>
</form>
<div class="entry">
<!--
blah blah blah
-->
</div>
<div class="clear"></div>
<!--
<p class="postmetadata"></p>
-->
</div>
<!-- post #1
<div class="clear"></div>
<div class="post" id="post-51">
<div class="entry"></div>
<div class="clear"></div>
<p class="postmetadata"></p>
</div>
post #2
<div class="clear"></div>...
-->
</div>
<div class="span-8 last"><div id="sidebar"><div class="ad-sidebar"></div><div class="item"><h3 class="sub">My account</h3>
<ul>
<li class="cat-item cat-item-3"><a href="logout.php" title="login in as a student">Logout</a></li>
<li class="cat-item cat-item-9"><a href="area.php?page=frontpage" title="">Home page</a></li>
<li class="cat-item cat-item-7"><a href="area.php?page=info" title="">My info</a></li>
<li class="cat-item cat-item-8"><a href="area.php?page=registerclasses" title="">Register</a></li>
<li class="cat-item cat-item-4"><a href="area.php?page=viewteacher" title="">My Teachers</a></li>
<li class="cat-item cat-item-6"><a href="area.php?page=myclasses" title="">My Classes</a></li>
<li class="cat-item cat-item-1"><a href="area.php?page=balance" title="">Balance</a></li>
<li class="cat-item cat-item-7"><a href="http://graphpaperpress.com/demo/category/blog/" title="View all posts filed under Blog">Blog</a>
</li>
<li class="cat-item cat-item-8"><a href="http://graphpaperpress.com/demo/category/feature/" title="View all posts filed under Feature">Feature</a>
</li>
<li class="cat-item cat-item-4"><a href="http://graphpaperpress.com/demo/category/music/" title="View all posts filed under Music">Music</a>
</li>
<li class="cat-item cat-item-6"><a href="http://graphpaperpress.com/demo/category/news/" title="View all posts filed under News">News</a>
</li>
<li class="cat-item cat-item-1"><a href="http://graphpaperpress.com/demo/category/politics/" title="View all posts filed under Politics">Politics</a>
</li>
<li class="cat-item cat-item-5"><a href="http://graphpaperpress.com/demo/category/sports/" title="View all posts filed under Sports">Sports</a>
</li></ul>
</div></div></div>
<!-- END CONTENT -->
<div class="clear"></div>
</div></div>
<!-- Begin Footer -->
<div class="clear"></div>
</div>
<div id="footer-wrap">
<div id="footer">
<div class="span-3 append-1 small">
<div class="item"><h3 class="sub">SFAI Sino-French Art Institute.</h3>
<ul class='xoxo blogroll'>
<li><a href="http://wordpress.org/development/">Location</a></li>
<li><a href="http://codex.wordpress.org/">Contact</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Hours</a></li>
<li><a href="http://wordpress.org/extend/ideas/">_______</a></li>
<li><a href="http://wordpress.org/support/">_______</a></li>
<li><a href="http://wordpress.org/extend/themes/">_______</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
<li><a href="loginpage.php?method=admin">Staff Login</a></li>
</ul>
</div>
</div>
<div class="column span-3 append-1 small">
<div class="item"><h3 class="sub">Text Widget</h3> <div class="textwidget"><p>This is an example text widget. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit.</p>
</div>
</div></div>
<div class="column span-10 append-1 small">
<div class="item"><h3 class="sub">Requirements</h3><img src="http://people.mozilla.com/~faaborg/files/shiretoko/firefoxIcon/firefox-48.png"/><div class="textwidget"><p>This is strongly recommended to use firebox 5.1 or the latest version of firebox to get the best result on browsing this website.</p>
</div>
</div></div>
<div class="column span-5 small last">
<h3 class="sub">Terms</h3>
<p class="quiet">
<a href="http://wordpress.org/">Terms and Privacy Policy</a><br />
Design by <a href="http://graphpaperpress.com">HKM</a><br/>
SFAI is a registered firm. All content © 2010 SFAI Sino-French Art Institute. All rights reserved.<br/><!-- 18 queries. 0.437 seconds. -->
</p>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
<!-- Website Analytics Code -->
<script type="text/javascript" language="javascript" src="http://analytics.hosting24.com/do.php"></script>
<noscript>
<a href="http://www.hosting24.com/" target="_blank"><img src="http://analytics.hosting24.com/do.php" alt="web hosting" border="0"></a>
</noscript>
<!-- End of Website Analytics Code -->
</div></div></html>
test this html
I cannot trigger each and change at the same time in each select element