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

Question

如何使用 jquery 将此文本框转换为具有值 1-99 的下拉列表，并选择默认项目 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

直截了当：创建一个新元素，使用 1-99 的值select附加元素，设置属性和处理程序，然后将元素替换为.optiononchangeinputselect

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

在这里测试它（JSFiddle）......