Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Новая форма из input старой! (https://javascript.ru/forum/dom-window/29014-novaya-forma-iz-input-starojj.html)

Deff 12.06.2012 17:59

<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>

vgd 13.06.2012 17:35


Суппер, большое спасибо за помощь!


Часовой пояс GMT +3, время: 17:05.