无法选择select2项目

Question

• 为什么我的select2项目无法选择。
• 您可以复制我的代码并保存为html，自己运行。
• 你可以在http://devhelp.duapp.com/select2/

我的HTML和JS代码

<meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> 
<link href="http://cdn.bootcss.com/select2/3.4.5/select2.min.css" rel="stylesheet"> 
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 
<script src="http://cdn.bootcss.com/select2/3.4.5/select2.min.js"></script> 
<input type="hidden" name="originPlace" value="" /> 
<a href="http://devhelp.duapp.com/select2">demo online</a> 
<script > 
$(document).ready(function() {  
    $('input[name=originPlace]').select2({ 
     placeholder: "please select country or city", 
     minimumInputLength: 2, 
     width: 300, 
     ajax: { 
      url: 'http://devhelp.duapp.com/select2/data.php', 
      dataType: 'jsonp', 
      data: function(term, page) { 
       return {query: term,locale:'en-GB'}; 
      }, 
      results: function(data, page) { 
       if (data.status == 1) { 
        return {results: data.data.Places}; 
       } else { 
        return{results: {}}; 
       } 
      } 
     }, 
     formatResult: formatSelectSelect, 
     formatSelection: formatSelectSelect 
    }); 
    function formatSelectSelect(data){ 
      var liStr = ""; 
      if (data.CityId === "-sky") { 
       liStr = data.PlaceName + "(ALL)-" + data.PlaceId.replace('-sky', ''); 
      } else { 
       liStr = data.PlaceName + "[" + data.CountryName + "]-" + data.PlaceId.replace('-sky', ''); 
      } 
      return liStr; 
    } 
}); 
</script> 

Answer 1

在网上看到的演示是它的工作一个的jsfiddle：http://jsfiddle.net/tk5446/kvLd6/

只需要添加“ID “入口像这样：

id: function(bond){return {id: bond._id};},