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

convert quantity textbox to drop down list?

本文关键字：转换 下拉列表 文本      更新时间：2023-09-26

如何使用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">

简单：创建一个新的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);

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

相关文章：