<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html;charset=windows-1251" />
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style>
* {
text-align:left;
margin:0;
padding:2px;
}
div.form {
margin:0;
width:200px;
float:left;
}
form input{
}
span.A{
text-align:left;
width:265px;
display:block;
padding:3px;
margin:3px;
}
</style>
</head>
<body>
<div class="form">
<form id="form1">
<span class=A>А <input type="text" id="Editbox1" name="Editbox1" size="19" autocomplete="off"></span>
<span class=A>Б <input type="text" id="Editbox2" name="Editbox2" size="19" autocomplete="off"></span>
<span class=A>В <input type="text" id="Editbox3" name="Editbox3" size="19" autocomplete="off"></span>
<span class=A>Г <input type="text" id="Editbox4" name="Editbox4" size="19" autocomplete="off"></span>
<span class=A>Д <input type="text" id="Editbox5" name="Editbox5" size="19" autocomplete="off"></span>
<span class=A>Е <input type="text" id="Editbox6" name="Editbox6" size="19" autocomplete="off"></span>
</form>
</div>
<div class="form"><form id="form2" name="form2"></form></div>
<div style="clear:both;padding:0.5em"></div>
<script>
function SortInsert(){
$("#form2").html('');
$("#form1").find("input").each(function(){
if($(this).val().replace(/\s/g,'')!='') {
$(this).parent('span').clone().appendTo("#form2")
}
});
}
$("#form1 input").change(function () {
SortInsert()
});
</script>
</body>
</html>
