Javascript 引导未应用于动态创建的元素

我正在尝试制作一个计算器，如果您愿意，您可以增加输入的数量-计算器本身可以很好地查找必要的值，但是我希望也可以搜索下拉输入，因为它们确实很长，因此我使用它

问题是，只有默认输入才会应用引导主题，而通过单击必要的按钮创建的输入不会应用主题。我该如何着手解决这个问题

您希望得到什么？所有输入都要像默认输入一样“样式化”，并带有搜索菜单等。 您得到了什么？只有默认输入是“样式化”的，而通过单击按钮创建的输入不是

var i=0；
函数createGear（）{
i++；
var container=document.getElementById（“newGear”）；
var gear=document.createElement（“选择”）；
gear.id=“gear”+i；
setAttribute（“类”、“选择器”）；
setAttribute（“数据实时搜索”、“真”）；
容器.附件（齿轮）；
var none=document.createElement（“选项”）；
none.value=“无”；
无。text=“”；
齿轮。添加（无）；
var pistols=document.createElement（“optgroup”）；
pistols.label=“pistols”；
装备。添加（手枪）；
var.1=document.createElement（“选项”）；
Piston1.value=“Piston1”；
1.text=“M1911”；
齿轮。添加（1）；
手枪.儿童手枪（手枪1）；
返回i；
}

M1911

这是因为动态添加到页面中的

选择组件从未初始化为
引导选择组件。当页面加载时，您已经在页面上找到的一个会自动初始化，因为它有
selectpicker
类

将新的select添加到页面后，只需添加此语句：

$(gear).selectpicker();

这是因为动态添加到页面的
select
从未初始化为
bootstrap select
组件。当页面加载时，您已经在页面上找到的一个会自动初始化，因为它有
selectpicker
类

将新的select添加到页面后，只需添加此语句：

$(gear).selectpicker();


var gearPrices=newarray（）；
齿轮价格[“无”]=0；
齿轮价格[“pistol1”]=25000；
var i=0；
函数createGear（）{
i++；
var container=document.getElementById（“newGear”）；
setAttribute（“类”、“引导选择”）；
var gear=document.createElement（“选择”）；
gear.id=“gear”+i；
setAttribute（“类”、“选择器”）；
setAttribute（“数据实时搜索”、“真”）；
容器.附件（齿轮）；
var none=document.createElement（“选项”）；
none.value=“无”；
无。text=“”；
齿轮。添加（无）；
var pistols=document.createElement（“optgroup”）；
pistols.label=“pistols”；
装备。添加（手枪）；
var.1=document.createElement（“选项”）；
Piston1.value=“Piston1”；
1.text=“M1911”；
齿轮。添加（1）；
手枪.儿童手枪（手枪1）；
var金额=document.createElement（“输入”）；
amount.id=“amount”+i；
amount.type=“number”；
容器。子容器（数量）；
//应更新新创建的元素
$（齿轮）。选择器（“刷新”）；
返回i；
}
函数getGearPrice（）{
var价格=0，ix，ixLen，值，类型；
var newGear=document.getElementById（'newGear'）；
price+=（gearPrices[document.getElementById（'gear0'）。value | |'none']）*
（document.getElementById（'amount0'）.value | | 0）；
var amountInputs=document.querySelectorAll（“#newGear input[type='number']”）；
var-selectElements=document.querySelectorAll（“newGear-select”）；
for（ix=0，ixLen=selectElements.length；ix


M1911

总装备在这里！


var gearPrices=newarray（）；
齿轮价格[“无”]=0；
齿轮价格[“pistol1”]=25000；
var i=0；
函数createGear（）{
i++；
var container=document.getElementById（“newGear”）；
setAttribute（“类”、“引导选择”）；
var gear=document.createElement（“选择”）；
gear.id=“gear”+i；
setAttribute（“类”、“选择器”）；
setAttribute（“数据实时搜索”、“真”）；
容器.附件（齿轮）；
var none=document.createElement（“选项”）；
none.value=“无”；
无。text=“”；
齿轮。添加（无）；
var pistols=document.createElement（“optgroup”）；
pistols.label=“pistols”；
装备。添加（手枪）；
var.1=document.createElement（“选项”）；
Piston1.value=“Piston1”；
1.text=“M1911”；
齿轮。添加（1）；
手枪.儿童手枪（手枪1）；
var金额=document.createElement（“输入”）；
amount.id=“amount”+i；
amount.type=“number”；
容器。子容器（数量）；
//新创建的e