无法选择select2项目

时间:2014-03-12 07:16:48

标签: jquery-select2

  • 为什么我的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>

1 个答案:

答案 0 :(得分:0)

以下是它的工作原理:http://jsfiddle.net/tk5446/kvLd6/

只需要像这样添加“id”条目:

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