如何在jquery selectize插件中设置数据库中的选择值

如何在jquery selectize插件中设置数据库中的选择值,jquery,html,spring-boot,drop-down-menu,selectize.js,Jquery,Html,Spring Boot,Drop Down Menu,Selectize.js,我是jQuery selectize的新手,在编辑表单期间,我在将值设置为“来自数据库”时遇到问题。代码是用HTML硬编码的 HTML: 但在下拉列表中根本没有显示任何内容 我尝试了许多其他参考资料,但没有任何答案与我的查询相匹配,因为每个人都有自己的方式。selectize是GitHub上提供的jQuery插件 在您的问题中,您没有显示使select字段selectize的方法,通过查看您的查询,我猜测您没有正确编写该方法,并且您的datatable方法中缺少id:data.agentType

我是jQuery selectize的新手,在编辑表单期间,我在将值设置为“来自数据库”时遇到问题。代码是用HTML硬编码的

HTML:

但在下拉列表中根本没有显示任何内容

我尝试了许多其他参考资料,但没有任何答案与我的查询相匹配,因为每个人都有自己的方式。

selectize是GitHub上提供的jQuery插件

在您的问题中,您没有显示使select字段selectize的方法,通过查看您的查询,我猜测您没有正确编写该方法,并且您的datatable方法中缺少id:data.agentType

我为您提供了一种方法,用于执行selectize以选择字段和datatable的查询以获取字段

在jquery文件中为selectize替换以下方法

function setAgentTypeSelect() {
    var $agentTypeSelect = $('#agentForm #agentType').selectize({
        selectOnTab: true,
        closeAfterSelect: true,
        persist: true,
        valueField: 'id',
        labelField: 'text',
        options: [],
        preload: true,
        create: false
    }); 
}
在datatable方法中,只需替换addOptions控件。addOption{id:data.agentType,text:data.agentType}


我确信,通过更改这些内容,您将获得您想要的功能。

您是否尝试过$'agentType'。valdata.agentType.selectize?@User863是的,我也尝试过。您的HTML是否与此处提供的相同?data.agentType包含什么?selectize是什么?我猜这是sum类型的插件?可能是
$('#agentDataTable tbody').on( 'click', '.dataEdit', function () {
    var data = agentDataTable.row( $(this).parents('tr') ).data();

    $('#agentForm #agentName').val(data.agentName);
    var $select = $('#agentForm #agentType').selectize();
    var control = $select[0].selectize;
    control.clear();
    control.clearOptions();
    control.addOption({text: data.agentType});
    control.setValue(data.areaPincodeId, true);
    });
function setAgentTypeSelect() {
    var $agentTypeSelect = $('#agentForm #agentType').selectize({
        selectOnTab: true,
        closeAfterSelect: true,
        persist: true,
        valueField: 'id',
        labelField: 'text',
        options: [],
        preload: true,
        create: false
    }); 
}