Форум

alchin · #1 (**permalink**) 09.02.2015, 11:06

Здравствуйте, подскажите пожалуйста как реализовать такое:
<input type="text" name="amt"/>
если введено количество 10, то следующие два input
<input type="text" name="size"/>
<input type="text" name="color"/>,
выводятся в таком количестве.
Спасибо

ksa · #2 (**permalink**) 09.02.2015, 11:19

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

как реализовать такое

Как вариант сделать "заготовку", а потом клонировать ее указанное количество раз...

alchin · #3 (**permalink**) 09.02.2015, 11:26

как это сделать?

ksa · #4 (**permalink**) 09.02.2015, 11:39

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

как это сделать?

Например так...

<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.item:last-child {
	display: none;
}
</style>
<script type='text/javascript'>
$(function(){
	$('button').click(function(){
		var n=+$('[name="amt"]').val();
		$('.item:visible').remove();
		for (var i=0; i<n; i++) {
			$('.item:last').before($('.item:last').clone());
		};
	});
})
</script>
</head>
<body> 
<input type="text" name="amt" />
<button>Go</button>
<div id='container'>
	<div class='item'>
		<input type="text" name="size" />
		<input type="text" name="color" />
	</div>
</div>
</body>
</html>

alchin · #5 (**permalink**) 09.02.2015, 12:01

то что нужно, но почему-то перезагружается страница, возможно сделать без перезагрузки?

ksa · #6 (**permalink**) 09.02.2015, 13:18

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

но почему-то перезагружается страница

В моем примере никакой перезагрузки нет.

Это все только у тебя...

Форум

Справочник

Discord чат

Курсы javascript