Javascript Jquery mobile中的Jquery动态字段

我正在创建一个简单的动态表单，当用户按2时，将显示两个字段，如果他按1，将显示1个字段

面临的问题： 如果用户输入1，则显示一个字段，但如果用户删除1并按2而不是1，则显示3个字段

HTML代码

<label for="textarea2b">Quantity</label>
<input type="number" name="name2" id="quantitypickup" onkeyup="showdimension()" value="" data-clear-btn="true" placeholder="">
<div id="dimshow" class="row">

</div>

数量

JS代码

function showdimension() {
    var q = $("#quantitypickup").val();
    var r = $("#dimshow");
    if (q == "0" || q == "" || q == null) {
        r.hide();
        r.html('');
    } else {
        r.show();
        for (var i = 0; i < q; i++) {
            r.append('  <div class="col-xs-6"><label>Item Name ' + (i + 1) + '</label><input type="text" name="name2" id="itemname" onkeyup="" value="" data-clear-btn="true" placeholder=""></div><div class="col-xs-6"><div class="row"><div class="col-xs-4"><label>Length</label><input type="number" name="name2"  onkeyup="" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div><div class="col-xs-4"><label>Width</label><input type="number" name="name2"  onkeyup="" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div><div class="col-xs-4"><label>Height</label><input type="number" name="name2" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div></div> </div></div>');
        }
    }
}

函数showdimension（）{
var q=$（“#quantitypickup”）.val（）；
var r=$（“#dimshow”）；
如果（q==“0”| | q==”“| | q==null）{
r、 隐藏（）；
r、 html（“”）；
}否则{
r、 show（）；
对于（变量i=0；i

---

每次用户通过

$（'.row'）.html（''）输入数字时，请帮助清除html
行

函数showdimension（）{
$（'.row'）.html（''）；
var q=$（“#quantitypickup”）.val（）；
var r=$（“#dimshow”）；
如果（q==“0”| | q==”“| | q==null）{
r、 隐藏（）；
r、 html（“”）；
}否则{
r、 show（）；
对于（变量i=0；i


量
每次用户通过
$（'.row'）.html（''）输入数字时，清除html
行

函数showdimension（）{
$（'.row'）.html（''）；
var q=$（“#quantitypickup”）.val（）；
var r=$（“#dimshow”）；
如果（q==“0”| | q==”“| | q==null）{
r、 隐藏（）；
r、 html（“”）；
}否则{
r、 show（）；
对于（变量i=0；i


量
Add
r.html（“”）在else块中以及
之前。追加
！谢谢，它起作用了，我很高兴它起了作用！快乐编码添加
r.html（“”）在else块中以及
之前。追加
！谢谢，它起作用了，我很高兴它起了作用！愉快地编码或在
循环中只使用
.html
一次而不是麻烦
DOM
，或在
循环中只使用
.html
一次而不是麻烦
DOM