수량 입력란을 드롭 다운 목록으로 변환 하시겠습니까?

Question

이 텍스트 상자를 기본 항목 1을 선택한 jquery를 사용하여 1-99 값을 갖는 드롭 다운 목록으로 변환 할 수 있습니까?

<input type="text" maxlength="4" size="3" onkeyup="if(typeof(getShipping) == 'function'){getShipping()}" onchange="if(typeof(getShipping) == 'function'){getShipping()}" id="Quantity" name="Quantity" value="1"> 

Answer 1

솔직한 : 다음 select으로 input 요소를 교체, 새로운 select 요소를 작성 1-99의 값으로 option 요소를 추가, 속성과 onchange 핸들러를 설정합니다.

var select = $("<select>"); 
for (var i = 1; i <= 99; ++i) { 
    select.append($("<option>").val(i).html(i)); 
} 
select.val(1).attr({id: "Quantity", name: "Quantity"}).change(function(){ 
    if (typeof getShipping == "function") { 
     getShipping(); 
    } 
}); 
$("#Quantity").replaceWith(select); 

Test it here (JSFiddle)...