如何正确使用select2 Jquery搜索和选择数据?

时间:2016-07-29 09:58:38

标签: javascript jquery html angularjs select2

嗨所有我一直在尝试应用这个Select2 jQuery插件,但它不起作用。我按照给出的演示示例,但它总是显示这样的错误。 html select选项具有空数据。

project.html

<div class="form-group">
   <label class="col-lg-2 col-md-3 control-label">Customer Name</label>
       <div class="col-lg-10 col-md-9">
           <select required class="form-control customer-options" name="ptype" ng-model="projDetails.cname">
               <option ng-repeat="cusName in cusNames" value="{{cusName.Id}}">{{cusName.Name}}</option>
           </select>
       </div>
</div>

这是jQuery实现。 project.js

 $(document).ready(function () {
            $(".customer-options").select2();
        });

        $scope.createProject = function () {
            var projDetails = {

                pname: $scope.projDetails.pname,
                cname:$scope.projDetails.cname,
                ptype: $scope.projDetails.ptype,
                desc: $scope.projDetails.desc,
                std: $scope.projDetails.std,
                etd: $scope.projDetails.etd,
                status:"Not assinged"
            };

            ProjService.Project(projDetails, function (res) {

                console.log(res, data);



            });

我提供了最后几个代码,以便任何人都能理解我绑定数据。 :)

错误是:=

  

angular.js:13642查询函数未针对Select2 s2id_cname定义   

如何正确地工作。帮助将不胜感激。感谢

1 个答案:

答案 0 :(得分:0)

试试这个,它对我有用。您可以将其转换为anularjs或按原样使用。 http://ionicmobile.blogspot.in/2015/10/jquery-select2-editable-with-dynamic.html