将数量文本框转换为下拉列表？

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