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

Question

如何使用jquery并将默认项目选为1来将此文本框转换为值为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元素，使用1-99的值附加option元素，设置属性和onchange处理程序，然后将input元素替换为select。

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