Javascript 影响第一个数量的动态第二个数量增加问题

我有一个产品部分，字段是

“产品名称”、“数量”和“添加更多”

。 第一个用户输入产品名称，然后用户输入数量（用户可以直接在输入字段中输入数量，或者单击加号以增加数量或减少数量）

让我们谈谈“添加更多”字段

如果用户需要多个产品，则应单击“添加更多按钮” 它将显示相同的字段，即

“产品名称”、“数量”和“删除”

现在我的问题是，当用户想要多个产品时，我就遇到了质量问题。我正在增加第二种产品的数量，但这会增加第一种产品的数量。我知道，出现这个问题是因为输入文件的id

这是我的第一个产品名称和数量

现在我又增加了一个产品名称，并增加了数量4。所以我的数量在第一个产品上发生了变化

函数递增值（）{
var value=parseInt（document.getElementById（'number'）。值，10）；
值=isNaN（值）？0：值；
值++；
document.getElementById（'number'）。value=value；
}
函数decreaseValue（）{
var value=parseInt（document.getElementById（'number'）。值，10）；
值=isNaN（值）？0：值；
值<1？值=1:“”；
价值--；
document.getElementById（'number'）。value=value；
}
$（文档）.ready（函数（）{
var max_fields=20；//允许的最大输入框数
var wrapper=$（“.add_行”）；//字段包装器
var add_button=$（“.add_row_click”）；
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
//警惕（“hellow”）；
e、 预防默认值（）；
如果（x
表单{
宽度：300px；
保证金：0自动；
文本对齐：居中；
填充顶部：50px；
}
.值按钮{
显示：内联块；
边框：1px实心#ddd；
边际：0px；
宽度：40px；
高度：20px；
文本对齐：居中；
垂直对齐：中间对齐；
填充：11px0；
背景：#eee；
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.值按钮：悬停{
光标：指针；
}
形式#减少{
右边距：-4px；
边界半径：8px 0 0 8px；
}
形式#增加{
左边距：-4px；
边界半径：0 8px 8px 0；
}
表单#输入换行{
边际：0px；
填充：0px；
}
输入#编号{
文本对齐：居中；
边界：无；
边框顶部：1px实心#ddd；
边框底部：1px实心#ddd；
边际：0px；
宽度：40px；
高度：40px；
}
输入[type='number']{
-moz外观：textfield；
}
输入[类型=编号]：-webkit内部旋转按钮，
输入[类型=编号]：-webkit外部旋转按钮{
-webkit外观：无；
保证金：0；
}
.btn_行{
过渡：.2s；
宽度：100%；
字体大小：正常；
字体大小：14px；
字体系列：Muli；
大纲：无；
边界：无；
填充：7px；
背景#f4f3f3；
颜色：#999；
文本对齐：居中；
光标：指针；
文本转换：大写；
颜色：#000；
字体大小：粗体；
}
.btn_行跨度{
字号：18px；
}
。添加\行\单击{
背景：#a8dabf；
}

-
+
+加
您需要使用
var x=1//从代码中初始化文本框计数
，以添加新的输入框

这里有同样的解决方案-


函数递增值（n）{
var value=parseInt（document.getElementById（'number'+n）.value，10）；
值=isNaN（值）？0：值；
值++；
document.getElementById（'number'+n）.value=value；
}
函数递减值（n）{
var value=parseInt（document.getElementById（'number'+n）.value，10）；
值=isNaN（值）？0：值；
值<1？值=1:“”；
价值--；
document.getElementById（'number'+n）.value=value；
}
$（文档）.ready（函数（）{
var max_fields=20；//允许的最大输入框数
var wrapper=$（“.add_行”）；//字段包装器
var add_button=$（“.add_row_click”）；
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
//警惕（“hellow”）；
e、 预防默认值（）；
如果（x
表单{
宽度：300px；
保证金：0自动；
文本对齐：居中；
填充顶部：50px；
}
.值按钮{
显示：内联块；
边框：1px实心#ddd；
边际：0px；
宽度：40px；
高度：20px；
文本对齐：居中；
垂直对齐：中间对齐；
填充：11px0；
背景：#eee；
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.值按钮：悬停{
光标：指针；
}
形式#减少{
右边距：-4px；
边界半径：8px 0 0 8px；
}
形式#增加{
左边距：-4px；
边界半径：0 8px 8px 0；
}
表单#输入换行{
边际：0px；
填充：0px；
}
输入#编号{
文本对齐：居中；
边界：无；
边框顶部：1px实心#ddd；
边框底部：1px实心#ddd；
边际：0px；
宽度：40px；
高度：40px；
}
输入[type='number']{
-moz外观：textfield；
}
输入[类型=编号]：-webkit内部旋转按钮，
输入[类型=编号]：-webkit-outer-s