Форум

angel__2003 · #1 (**permalink**) 24.09.2012, 00:55

Доброго времени суток.
Недавно стал вникать в 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>
заранее спасибо тому кто ответит

ksa · #2 (**permalink**) 24.09.2012, 09:15

angel__2003, ИД должнобыть уникально на странице...

ksa · #3 (**permalink**) 24.09.2012, 09:23

Сообщение от angel__2003

необходимо выяснить значение всех INPUTов

Как вариант...

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

angel__2003 · #4 (**permalink**) 24.09.2012, 12:29

Спасибо. чуть переделал под себя

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

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

Форум

Справочник

Discord чат

Курсы javascript