SumoSelect 拒绝阵列

Posted 2023-05-08

【中文标题】SumoSelect 拒绝阵列

【英文标题】：SumoSelect rejecting array

【发布时间】：2019-03-18 04:44:59

【问题描述】：

我正在尝试将这个 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>");

它向我显示了一个空选择，但如果我只是在没有 SumoSelect 库的情况下执行它，它可以完美运行，我的意思是它向我显示了 3 个设备的选择输入。

你们知道发生了什么吗？为什么用 SumoSelect 库拒绝我的数组？谢谢！

【参考方案1】：

您需要首先填充选择框，然后调用 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>