jQuery : 선택한 항목의 수를 기반으로 HTML 블록을 만드는 가장 효율적인 방법은 무엇입니까?

Question

그래서 사용자가 숫자를 선택할 수있는 기본 HTML <select> 요소가 있습니다. 그럼 내가해야 할 일은

그들이 선택한 수를 기준으로 정렬되지 않은 목록에 몇 가지 목록 항목을 만드는 것입니다.

jQuery를 함께 것을 할 수있는 가장 효율적인 방법은 무엇입니까? "아무도 디스플레이에"

Answer 1

가장 효율적인 방법은 브라우저마다 다를 수 있지만 innerHTML의 <ul>을 HTML 요소 문자열로 설정하면 최상의 성능을 얻을 수 있다고 생각합니다.

는 여기 Working Demo

$("#select").change(function() { 
    var val = this.value, 
     lis = ''; 

    for(var i=1; i <= val; i++) { 
    lis += '<li> Ticket ' + i + '</li>'; 
    } 

    document.getElementById('list').innerHTML = lis;  
}); 

및 HTML

<select id="select"> 
    <option value="1">1 ticket</option> 
    <option value="2">2 tickets</option> 
    <option value="3">3 tickets</option> 
    <option value="4">4 tickets</option> 
    <option value="5">5 tickets</option> 
    <option value="6">6 tickets</option> 
    </select> 

    <ul id="list"></ul> 

Answer 2

나는 없다 사업부 내부 HTML의 조각을 가질 것이다. 해당 스 니펫을 찾으려면 JQuery를 사용하십시오. 그런 다음 for 루프를 사용하여 원하는 위치에서 해당 스 니펫의 clone()을 추가하십시오.