Question

我以两种不同的方式使用selectize.js。首先，我有html中的select元素，并且selectize对象是在页面加载时创建的。这些元素的行为正确。但是，我使用jquery动态创建新的select元素（带有选项），然后尝试在它们上实例化selectize。

执行此操作时，这些元素将不允许我在select元素中输入输入，但下拉菜单仍然有效。

Answer 1

创建一个元素，将其附加并在该元素上调用插件。

const appRoutes: Routes = [
  { path: 'crisis-center', component: CrisisListComponent }, // These are dummy information
  { path: 'hero/',      component: HeroDetailComponent },
 ...
];

@NgModule({
  imports: [
    RouterModule.forRoot(
      appRoutes,
    )
    // other imports here
  ],
  ...
})
export class AppModule { }

$(document).ready(function(){
    var options = {
        delimiter: ',',
        persist: false,
        create: function(input) {
            return {
                value: input,
                text: input
            }
        }
    };
    
    $('#input-tags').selectize(options);
    $('#input-tags2').selectize(options);
    
    //Creating new selectize
    var newinput = $("<input id='input-tags3'/>");
    $("body").append(newinput);
    newinput.selectize(options)
});

在动态创建的select元素上的selectize.js

1 个答案: