SumoSelect 拒绝阵列

Question

我正在尝试将此 array 添加到 jQuery SumoSelect 库

var devices= [{

         text: "iphone",
         value:"iphone"

      },
      {
        text: "android",
        value:"android"

     },
     {
        text: "mac",
        value:"mac"

     }]

我正在使用以下代码阅读它

$("select").SumoSelect({search: true, searchText: 'search'});

for(var i in devices){
    $(".type-vehicle").append("<option>"+devices[i].text+"</option>");
}

它向我展示了一个空的 select，但是如果我只是在没有 SumoSelect 库的情况下这样做，它就可以完美地工作，我的意思是它向我展示了 3 个设备的 select 输入。

你们知道这是怎么回事吗？为什么用 SumoSelect 库拒绝我的数组？谢谢！

Answer 1

您需要先填充select框，然后调用 SumoSelect。你几乎成功了！

var devices = [{

    text: "iphone",
    value: "iphone"

  },
  {
    text: "android",
    value: "android"

  },
  {
    text: "mac",
    value: "mac"

  }
]
for(var i in devices){
    $("select").append("<option>"+devices[i].text+"</option>");
}
$("select").SumoSelect({search: true, searchText: 'search'});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.min.js"></script>

<select id="select">
<option>Test</option>
</select>

SumoSelect 拒绝阵列

SumoSelect rejecting array

jquery

sumoselect.js