將數量文本框轉換爲下拉列表？

Question

如何將此文本框轉換爲值爲1-99的下拉列表，使用jquery並選擇默認項目1？

<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元件，從1-99追加option元件與數值，設置屬性和onchange處理程序，然後與select更換input元件。

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)...