如何将jquery select2绑定到新添加的选择？

Question

我有一个razor-mvc网站和表格上的几个选择.我将这个选择与jquery中的select2插件绑定如下:

$('select.company_select, select.positions_select').select2();

我的表单是一个ajax表单(javascript的ajax,而不是Ajax.BeginForm).问题是,当我提交表单时,我添加另一个表单与第一个表单的提交值,但新表单上的选择不会应用select2插件.我知道这是正常的,因为新项目应该与.on()或.live()绑定,但我不知道该怎么做.

你能帮帮我吗？

Answer 1

您正在进行 ajax 调用，因此请确保重新初始化选择您想要完成页面上任何新选择框的任何其他选择。

所以你的ajax调用看起来像

$.ajax({ 
     url: '.../', 
     data..., 
     type...,
     success: function(data) 
     {
         $('#newFormAddedID select').select2();
     }

应该可以解决这个问题..你也可以用complete:function(...如果表单被添加，无论ajax调用是否成功。