Select2插件與JQGRID

Question

我正在使用JQgrid中的Select2插件來自動完成下拉框。我使用這個例子來通過。

Using bootstrap select2 with JqGrid form

我創建與上述示例的小提琴。 http://jsfiddle.net/VTL4x/3/

select2的數據是從JSON提供的，但我無法在JSfiddle中複製它，所以我已經註釋掉了和使用了硬編碼的值。

JSON字符串是

[{"value":"Windows","id":"134"}, 
{"value":"Win2008","id":"135"}, 
{"value":"Win2003","id":"136"}, 
{"value":"AIX","id":"150"}, 
{"value":"Linux","id":"151"}, 
{"value":"Unknown","id":"152"}, 
{"value":"i5OS","id":"153"}, 
{"value":"z/OS","id":"154"}, 
{"value":"Solaris","id":"155"}, 
{"value":"Sun Ultra 80 ","id":"156"}, 
{"value":"VAX","id":"157"}] 

的問題是當我嘗試編輯它不顯示的值有選擇二下拉框的字段中記錄。但是當您花費時，我可以看到以藍色突出顯示的正確值。

我試圖調試提供的演示，但也有同樣的問題。

我對前端編程相當陌生，請你幫忙。

感謝您的幫助

Answer 1

您正在使用哪個版本的select2？我使用的是V4所以你的數據看起來應該是這樣：

var mySelectData = [{"text":"Windows","id":"134"}, 
 
{"text":"Win2008","id":"135"}, 
 
{"text":"Win2003","id":"136"}, 
 
{"text":"AIX","id":"150"}, 
 
{"text":"Linux","id":"151"}, 
 
{"text":"Unknown","id":"152"}, 
 
{"text":"i5OS","id":"153"}, 
 
{"text":"z/OS","id":"154"}, 
 
{"text":"Solaris","id":"155"}, 
 
{"text":"Sun Ultra 80 ","id":"156"}, 
 
{"text":"VAX","id":"157"}];

使用文字，而不是價值。