2017-02-28 51 views
-1

我用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相同)會發生什麼 –

回答

0

功能是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>

0

您應該使用select2()方法,&不`選擇()。

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

+0

對不起,這是一個錯誤...我現在編輯 我的代碼有select2()工具...這是寫在這篇文章中的錯誤...對不起 – Darkikari

0

最後,在所有這些搜索之後,問題出在我身邊。我的網頁是一個具有5個獨立窗體(Ajax.BeginForm)的模態視圖,在另一種形式中,我使用了具有相同值的隱藏窗體(PartnerAdress.IdCountry),並在註釋完該行之後,它終於工作了。

對不起和謝謝你的答案:)