<head>
<link rel="stylesheet" href="spinner/jquery-ui.css" type="text/css"/>
<script src="spinner/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="spinner/jquery-ui.min.js" type="text/javascript"></script>
<!--<script type="text/javascript" >
$(window).load(function(){
$( "#spinner" ).spinner();
});
</script>
<script type="text/javascript" >
$(document).ready(function() {
$('.ui-spinner-down').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.ui-spinner-up').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>-->
<title>qwe</title>
</head>
<body>
<p >Количество попугаев: <input type="number" min="1000" max="10000" step="500" name="parrots" id="spinner" size="5" value="3000"/></p>
<script type="text/javascript" >
$(document).ready(function(){
$("#spinner").change(function(){
$.ajax({
type: "POST",
url: "http://ost/1.ru/calc.php",
data: {spinner : $("#spinner").val()},
success: function(html){
$("#content").html(html);
}
});
return false;
});
});
</script>
</body>
</html>
