вычисление значение INPUTов у клонируемых полей
Доброго времени суток.
Недавно стал вникать в jQuery и не могу решить проблему. Есть клонируемая таблица с INPUTамим необходимо выяснить значение всех INPUTов и записать. Структура клонируемых поле такая <div name='object' id='object'> <input name='city' id='city' value='1' <input name='street' id='street' value='11'> <input name='house' id='house' value='111'> </div> <div name='object' id='object'> <input name='city' id='city' value='2'> <input name='street' id='street' value='22'> <input name='house' id='house' value='222'> </div> ---- <div name='object' id='object'> <input name='city' id='city' value='3'> <input name='street' id='street' value=33'> <input name='house' id='house' value='333'> </div> <input id='result' name='result'> клонировать поля я разобрался как а вот как получать не получается. на выходе надо полечить результат значение result такого вида <objects> <object> <city>1</city> <street>11</street> <house>111</house> </object> <object> <city>2</city> <street>22</street> <house>222</house> </object> <object> <city>3</city> <street>33</street> <house>333</house> </object> </objects> заранее спасибо тому кто ответит |
angel__2003, ИД должнобыть уникально на странице...
|
Цитата:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <!-- <link rel="stylesheet" type="text/css" href="tmp.css" /> --> <style type="text/css"> </style> <script type="text/javascript"> $(document).ready(function () { $('#container > div').each(function (){ var str; str=$(this).find('[name="city"]').val(); str=str+', '+$(this).find('[name="street"]').val(); str=str+', '+$(this).find('[name="house"]').val(); alert(str); }); }); </script> </head> <body> <div id='container'> <div name='object'> <input name='city' value='1' /> <input name='street' value='11' /> <input name='house' value='111' /> </div> <div name='object'> <input name='city' value='2' /> <input name='street' value='22' /> <input name='house' value='222' /> </div> <div name='object'> <input name='city' value='3' /> <input name='street' value=33' /> <input name='house' value='333' /> </div> </div> </body> </html> |
Спасибо. чуть переделал под себя
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <!-- <link rel="stylesheet" type="text/css" href="tmp.css" /> --> <style type="text/css"> </style> </head> <body> <div id='container'> <div name='object'> <input name='city' value='1' /> <input name='street' value='11' /> <input name='house' value='111' /> </div> <div name='object'> <input name='city' value='2' /> <input name='street' value='22' /> <input name='house' value='222' /> </div> <div name='object'> <input name='city' value='3' /> <input name='street' value=33' /> <input name='house' value='333' /> </div> </div> <input type='button' name='button' id='button'> <textarea name='xml' id='xml'></textarea> </body> <script type="text/javascript"> $(document).ready(function () { $("#button").click(function () { $('#container div').each(function (){ var str; str="<object>"; str=str+"<city>" + $(this).find('[name="city"]').val()+"<city>"; str=str+"<street>"+$(this).find('[name="street"]').val()+ "<street>"; str=str+"<house>"+$(this).find('[name="house"]').val()+ "<house>"; str=str+"</object>" //alert(str); //выводится сообщение на экран $("#xml").val($("#xml").val() + str + " "); }); }); }); </script> </html> |
Часовой пояс GMT +3, время: 23:06. |