应用selectize.js动态添加与表单验证相互依赖下拉

我正在基于引导的窗体，其中可以动态添加或删除字段，以及使用formvalidation插件验证！此外，我使用selectize.js进行两个相互依赖的下拉菜单！它工作到目前为止，但我不知道如何初始化selectize.js新增加的下拉菜单！应用selectize.js动态添加与表单验证相互依赖下拉

这是一个JSFiddle与我所有的代码（相互依赖下拉不起作用）！

从formvalidation.io我发现这个方法来初始化

$('#selectizeForm') 
    .formValidation({ 
     framework: 'bootstrap', 
     excluded: ':disabled', 
     icon: { 
      valid: 'glyphicon glyphicon-ok', 
      invalid: 'glyphicon glyphicon-remove', 
      validating: 'glyphicon glyphicon-refresh' 
     }, 
     fields: { 
      frameworks: { 
       validators: { 
        callback: { 
         message: 'Please indicate 2-4 Javascript frameworks', 
         callback: function(value, validator, $field) { 
          ... 
         } 
        } 
       } 
      } 
     } 
    }) 
    .find('[name="frameworks"]') 
     .selectize({ 
      plugins: ['remove_button'], 
      delimiter: ',', 
      persist: false, 
      create: function(input) { 
       ... 
       }; 
      } 
     }) 
     // Revalidate the frameworks field when it is changed 
     .on('change', function(e) { 
      $('#selectizeForm').formValidation('revalidateField', 'frameworks'); 
     }) 
     .end();

，但这种做法我甚至不得到我的相互依存，在下拉列表中所有工作！

我真的很感谢任何帮助！

来源

2015-11-05 tschortsch

不确定你还在期待的答案。无论如何想分享我的经验。我有类似的问题。我意识到选择性初始化将适用于静态控件（文本框，下拉菜单或div），因为只要DOM（html）加载选择js为所有绑定的ID完成其工作。而对于动态控件，我们需要通过诸如 “click”，“mouseover”等事件调用seletize函数。我曾使用过鼠标事件。这个对我有用。

来源

2016-01-26 03:36:04

非常感谢您的回答！我仍然没有找到解决方案来使其工作。你能否告诉我如何在像JSFiddle这样的动态添加字段中选择性地调用？！我非常感谢任何进一步的帮助！ – tschortsch

应用selectize.js动态添加与表单验证相互依赖下拉

回答

相关问题