수량 코드를 기반으로 광고 항목 추가

수량 입력란에 사용자 입력을 기반으로 광고 항목을 추가하려고합니다. 수량 코드를 기반으로 광고 항목 추가

그래서

2의 양의 사용자 유형은 페이지가 표시됩니다 경우 :

<!DOCTYPE html> 
<html> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

</head> 

<body> 

<script type="text/javascript"> 

$('#Quantity').change(function() { 
    var textualValue = $(this).val(); 
    var numericValue = parseInt(textualValue); 

    if (!isNaN(numericValue)) 
    modifyDOMWithNumber(numericValue); 
}) 


function modifyDOMWithNumber(number) { 
    var ul = $('ul#someListToAlter').empty(); 
    var item; 

    for (var i=0; i<number; i++) { 
     item = $("<li>"); 
     item.text("Text line for item "+i); 
     ul.append(item); 
    } 
} 

</script> 

<form id="form1" name="form1" method="post" action=""> 
    <input type="text" name="none" id="Quantity" /> 
</form> 

</body> 
</html>

출처

2013-05-24 Bill

이를 던질거야 ? – Spokey

난 그냥 문제가 무엇인지 여기

<body> 

<form id="form1" name="form1" method="post" action=""> 
    <input type="text" name="none" id="Quantity" /> 
</form> 

<ul id='someListToAlter'></ul> 

<script> 
$('#Quantity').keyup(function() { 
    var textualValue = $(this).val(); 
    var numericValue = parseInt(textualValue, 10); 

    if (!isNaN(numericValue)) { 
     modifyDOMWithNumber(numericValue); 
    } else { 
     modifyDOMWithNumber(0); 
    } 
}); 

function modifyDOMWithNumber(number) { 
    var ul = $('ul#someListToAlter').empty(); 
    var item; 

    for (var i = 1; i <= number; i++) { 
     item = $("<li>"); 
     item.text("Text line for item " + i); 
     ul.append(item); 
    } 
} 
</script> 

</body>

FIDDLE

출처

2013-05-24 14:45:04 Spokey