代码之家 › 专栏 › 技术社区 › asif

如何从控制器中选择Selectize插件中的多个值

selectize.js object angularjs arrays javascript

asif · 技术社区 · 7 年前

如何添加所选的几个选项我正在使用此插件: https://github.com/selectize/selectize.js/blob/master/docs/usage.md

我有一个如下图所示的对象:

这是我的客户脚本

//skills
$scope.$selectSkill = $('#selectSkill').selectize({
    valueField: 'id',
    labelField: 'name',
    searchField: 'name',
    placeholder: "Select Skills",
    options: $scope.data.skills,
    create: false,
    sortField: {
        field: 'name',
        direction: 'asc'
    }
});

这是我的HTML

<select id="selectSkill" 
name="selectSkill" 
ng-model="selectSkill" 
multiple required> </select>

到目前为止,一切都很好,

现在,当我触发一个方法时,我会得到一些( 二 )响应中的值如下:

48c9eda9c0a8018b4b6aca082d5d1e41  ,  48c9fe9ac0a8018b6a37e4db0d07df09

我希望这两个被选中,如下图所示

我该怎么做?

我试过这样的方法:

var $select = $("#selectSkill").selectize();
                var yourDefaultIds = [slectedSkills.skills];  //(those 2 vlaues)
                selectize.setValue(yourDefaultIds);;

1 回复 | 直到 7 年前

Mr world wide 7 年前

//populate skills starts here
var templateSkills = finTempObj.skills;
var str_array_skills = templateSkills.split(',');
var $select =   $("#selectSkill").selectize();
var selectize = $select[0].selectize;
selectize.setValue(str_array_skills);
selectize.refreshOptions();
//populate skills ends here

我已经测试过了。不是设置为字符串,而是将这两个值转换为数组,然后设置。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前