Javascript 收集输入数据并在div中显示

我有一些数量输入。我想在“输入”中收集数据，并在“#yolcudropdown”中显示它们。但我就是拉不出数据。必须禁用输入。不应手动输入。我在“javascript”部分的底部做了一些事情。但我不能运行它

（函数（$）{
$.fn.number=函数（自定义选项）{
变量选项={
“容器类”：“编号样式”，
“减号”：“数字减号”，
“加号”：“加号”，
“containerTag”：“div”，
“btnTag”：“span”
};
options=$.extend（true、options、customOptions）；
var输入=此；
input.wrap（“”）；
var wrapper=input.parent（）；
包装器。前置（“”）；
var减号=wrapper.find（'.'+options.减号）；
append（“”）；
var plus=wrapper.find（'.'+options.plus）；
var min=input.attr（'min'）；
var max=input.attr（'max'）；
if（input.attr（'step'））{
var step=+input.attr（'step'）；
}否则{
var阶跃=1；
}
如果（+input.val（）=+max）{
plus.addClass（'disabled'）；
}
减。单击（函数（）{
var input=$（this.parent（）.find（'input'）；
var value=input.val（）；
如果（+值>+min）{
输入.val（+值-步长）；
如果（+input.val（）==+min）{
input.prev（'.'+options.减号）.addClass（'disabled'）；
}
if（input.next（'..+options.plus）.hasClass（'disabled'））{
input.next（'.+options.plus）.removeClass（'disabled'））
}
}否则，如果（！min）{
输入.val（+值-步长）；
}
});
plus.单击（函数（）{
var input=$（this.parent（）.find（'input'）；
var value=input.val（）；
如果（+值<+最大值）{
输入.val（+值+步长）；
如果（+input.val（）==+max）{
input.next（'.+options.plus）.addClass（'disabled'）；
}
if（input.prev（'..+options.减号）.hasClass（'disabled'））{
input.prev（'.'+options.减号）.removeClass（'disabled'））
}
}否则如果（！max）{
输入.val（+值+步长）；
}
});
};
})（jQuery）；
$（'.Quantity输入'）。每个（函数（）{
$（this.number（）；
});
/*这很重要*/
$（文档）.ready（函数（）{
$（文档）.on（'change'，'.btw'，function（）{
$（'#yolcudropdown'）.text（$（this.val（））；
});
});
.number样式{
显示：-ms flexbox；
显示器：flex；
-ms-flex-wrap:wrap；
柔性包装：包装；
-ms flex pack：开始！重要；
调整内容：flex start！重要；
-ms flex align：居中！重要；
对齐项目：居中！重要；
}
.数字样式.数字减号，
.数字样式.数字加{
高度：28px；
背景：#ffffff；
边框：2个实心#E2E2！重要；
宽度：28px；
-webkit边界半径：100%；
-moz边界半径：100%；
-ms边界半径：100%；
边界半径：100%；
线高：23px；
字号：19px；
字号：700；
文本对齐：居中；
边界：无；
显示：块；
光标：指针；
}
.数字样式.数字减号：活动，
.number样式。number plus:活动{
背景：#E2；
}
.数字样式.数字减号{
线高：20px；
}
.number样式.number减号：：之后{
内容：“-”；
字体大小：10px；
}
.数字样式.数字加{
线高：18px；
}
.number样式.number plus:：after{
内容：“+”；
字体大小：10px；
}
.数字样式.数量输入{
宽度：28px；
背景：#e00f23；
-webkit边界半径：100%；
-moz边界半径：100%；
-ms边界半径：100%；
边界半径：100%；
线高：21px；
字体大小：14px；
颜色：#ffffff；
字号：700；
文本对齐：居中；
利润率：0.5px；
显示：块；
光标：指针；
文本对齐：居中；
边界：无；
高度：28px；
字号：600；
}

İ输入量显示此div
HTMLInputElement
输入没有
min
max
或
step
属性，因此HTML绝对无效。尽量不要写它，我是一个框架代码。尊重W3C标准。
使用
type=“number”
（CSS伪命令可以帮助您从这些元素中删除默认微调器箭头）

此外，
步骤
也可以是浮动。尊重这一点，并在JS中使用
parseFloat（）

CSS-Flex用于对齐内容
似乎你知道CSS flex，使用它吧！高度，因此-线高度。。。19? 20? 23px？不用了，用flex就行了

CSS！重要的
！重要信息
是编码风格差的标志，应仅保留。或者希望覆盖引导样式——或者在这种情况下，开发人员实际上知道他们在做什么

jQuery插件
，我建议阅读文档，深入了解插件的工作原理。几乎每个jQuery方法都是一个插件
.hide（）
，
.addClass（）
。。。我不全算。插件是可链接的
.removeClass（“foo”）.stop（）.fadeTo（1）
，您的
.number（）
插件也应该是可链接的。

要获得连锁能力，您只需返回绑定的
this
。PS：那不是jQuery。。。这就是JS的工作原理

jQuery插件并不意味着要在
$.each（）循环中调用
$（）
已经是包装在jQuery对象中的DOM节点的集合。无需
.each（）
。与此类似：您更愿意使用
$（'a'）.css（{color:'blue'}）
而不是
$（'a'）.each（）{$（this.css（{color:'blue'}）；}）。效果相同，代码更少。插件

jQuery DOM就绪
jQuery（函数（$）{}）；//作用域中的DOM就绪和$alias

或者，如果您不关心±IE，或者您使用ES6语法和Babel之类的工具链，那么：
jQu