如何使用weui picker实现省市联动。

Question

省改变时候如何让市跟着改变，现在只有点击确定在点开时候才回改变。

$('#showPicker').on('click', function () {
   weui.picker( $scope.provinces, $scope.citys, {
       onChange: function (result) {
            dataService.getCityByGrade(
                $scope.pro[result[0]].id,function(data1) {
                    $scope.getCity = data1;
                    $scope.citys = [];
                    for(var i = 0, len = data1.length; i < len; i++){
                        $scope.citys.push({label: data1[i].name, value: i});
                    }
                })
                $scope.$apply(function(){})
            },
       onConfirm: function (result) {
            console.log(result);
            $scope.searPro = $scope.provinces[result[0]].label;
            $scope.searCity = $scope.citys[result[1]].label;
            $scope.search = $scope.searPro + " " + $scope.searCity;
            $scope.$apply(function(){})
        }
    });
});

Answer 1

使用city-picker框架解决：

$("#city-picker").cityPicker({
      showDistrict: false,
      onChange: function(res){
          $scope.searPro = res.displayValue[0];
          $scope.searCity = res.displayValue[1];
          $scope.search = $scope.searPro + " " + $scope.searCity;
      }
});

css使用jquery-weui.min.css，js使用jquery-weui.min.js和city-picker.min.js

Answer 2

遇到同样的问题，不知道楼主是否已经解决？