JQuery的选择二未初始化

问题描述:

我用jQuery select2JQuery的选择二未初始化

大小姐理解我的选择2添加到我的下拉列表:

$('#PartnerAdresse_IdCountry').select2(); 
//#PartnerAddresse_IdCountry is filled with all countries 

这是我的下拉列表与ASP MVC5创作:

@Html.DropDownListFor(model => model.PartnerAdresse.IdCountry, ViewBag.Country as IEnumerable<SelectListItem>, "", new { @class = "form-control", style = "width:100%;" }) 

// Viewbag是来自控制器的所有国家的填充物

但是我的网页上,没有出现,这是我的控制台生成的代码:

<select class="form-control" data-val="true" data-val-number="Le champ Pays doit être un nombre." 
id="PartnerAdresse_IdCountry" name="PartnerAdresse.IdCountry" style="width:100%;"> 
    <option value=""></option> 
    <option value="1">Afghanistan</option> 
    <option value="2">Afrique du Sud</option> 
    <option value="3">Albanie</option> 
. 
. 
. 
</select> 

我也查:

  • 在页面没有双号
  • 其它形式是正确的生成与select2

我只有这个领域的问题...有人可以帮助我吗?


编辑 我已经改变,在我的代码,它纠正写有选择2:$( '#PartnerAdresse_IdCountry')选择2();

但问题是一样的

+0

只是改变'$( '#PartnerAdresse_IdCountry')选择();''到$( '#PartnerAdresse_IdCountry')选择2();' – NDFA

+0

是的,对不起,我误以为我的代码是:.select2() – Darkikari

+0

我不确定名称中的'.'点是否是有效的标记。如果用下划线替换圆点(使名称与ID相同)会发生什么 –

功能是select2()select()。尝试下面:

$('#PartnerAdresse_IdCountry').select2();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://select2.github.io/select2/select2-3.5.1/select2.css" rel="stylesheet"/> 
 
<script src="https://select2.github.io/select2/select2-3.5.1/select2.js"></script> 
 

 
<select class="form-control" data-val="true" data-val-number="Le champ Pays doit être un nombre." 
 
id="PartnerAdresse_IdCountry" name="PartnerAdresse.IdCountry" style="width:100%;"><option value=""></option> 
 
<option value="1">Afghanistan</option> 
 
<option value="2">Afrique du Sud</option> 
 
<option value="3">Albanie</option> 
 
</select>

您应该使用select2()方法,&不`选择()。

只需将$('#PartnerAdresse_IdCountry').select();更改为$('#PartnerAdresse_IdCountry').select2();即可完成!

+0

对不起,这是一个错误...我现在编辑 我的代码有select2()工具...这是写在这篇文章中的错误...对不起 – Darkikari

最后,在所有这些搜索之后,问题出在我身边。我的网页是一个具有5个独立窗体(Ajax.BeginForm)的模态视图,在另一种形式中,我使用了具有相同值的隐藏窗体(PartnerAdress.IdCountry),并在注释完该行之后,它终于工作了。

对不起和谢谢你的答案:)