Javascript 未捕获类型错误：toUpperCase在将选项动态绑定到数据令牌引导时不是函数

当我使用jquery将数据动态绑定到选项数据令牌时，它的抛出

toUpperCase不是一个函数

错误

当我尝试通过在HTML中静态传递选项值来运行时，它工作得很好。但是当动态绑定时，它的抛出错误

<div class="col-sm-3">
  <select class="form-control selectpicker" id="select-fund"
                                                    data-live-search="true">
   <!-- <option data-tokens="china">China</option>
   <option data-tokens="malayasia">Malayasia</option>
   <option data-tokens="singapore">Singapore</option> -->
   </select>
   </div>

$(document).ready(function () {
    // $(function () {
    //     $('.selectpicker').selectpicker();
    // });
    // $('.selectpicker').selectpicker();
    temp = { "1": "hello", "2": "world" }
    $.each(temp, function (key, value) {
        $('.selectpicker').append('<option data-tokens= ' + key + '>' + value + '</option>');
    });
    $('.selectpicker').val();
});

$（文档）.ready（函数（）{
//$（函数（）{
//$（'.selectpicker'）.selectpicker（）；
// });
//$（'.selectpicker'）.selectpicker（）；
temp={“1”：“你好”，“2”：“世界”}
$。每个（临时、功能（键、值）{
$（'.selectpicker'）。追加（''+value+''）；
});
$（'.selectpicker'）.val（）；
});

当您添加

选择器时，默认情况下，选择器选择器组件将被初始化。默认情况下，您不能添加动态选项，必须添加选项，然后初始化组件

因此，请删除该类并使用标识符，例如：


$（文档）.ready（函数（）{
温度={
“1”：“你好”，
“2”：“世界”
}
$。每个（临时、功能（键、值）{
$（“#选择基金”）。追加（“”+value+“”）；
});
$（“#选择基金”）.selectpicker（）；
});