根据输入框数值增减添加DOM元素

<div id="inputBox">
	<div class="input-item">
		<input type="text" name="" id="" value="" />
		<span>*</span>
	</div>
</div>
<input type="text" id="inputTxt" />

$(function() {
	$("#inputTxt").bind("input propertychange", function(event) {
		var inputBoxDom = $('#inputBox');
		var boxLen = inputBoxDom.children('div').length;
		var inputVal = parseInt($("#inputTxt").val())
		if(!isNaN(inputVal)) {
			if(inputVal > 0) {
				var num = inputVal - boxLen;
				if(boxLen > inputVal) {
					var fuNum = boxLen - inputVal;
					for(var i = 0; i < fuNum; i++) {
						inputBoxDom.children('div').last().remove(inputDom)
					}
				} else {
					var inputDom = '<div class="input-item"><input type="text" name="" id="" value="" /><span>*</span></div>';
					for(var i = 0; i < num; i++) {
						inputBoxDom.append(inputDom)
					}
				}
			} else {
				alert('请输入大于0的数字')
			}
		} else {
			alert('请输入数字')
		}
	});
})

jQuery实时监听input输入框值变化

$("#input").bind("input propertychange",function(event){
	console.log($("#input").val())
});