{"id":32069,"date":"2024-11-25T14:48:21","date_gmt":"2024-11-25T06:48:21","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32069\/"},"modified":"2024-11-25T14:48:21","modified_gmt":"2024-11-25T06:48:21","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e4%b8%ad%e4%bd%bf%e7%94%a8picker%e5%b0%81%e8%a3%85%e7%9c%81%e5%b8%82%e5%8c%ba%e4%b8%89%e7%ba%a7%e8%81%94%e5%8a%a8%e7%9a%84%e5%ae%9e%e7%8e%b0","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32069\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u7684\u5b9e\u73b0"},"content":{"rendered":"

\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u5b9e\u4f8b\u4ee3\u7801\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b<\/p>\n

 \u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u5b9e\u4f8b<\/p>\n

  \u76ee\u524d\u5b66\u4e60\u5c0f\u7a0b\u5e8f\u66f4\u591a\u7684\u662f\u770b\u770b\u80fd\u5426\u4e8c\u6b21\u5c01\u88c5\u5176\u5b83\u7ec4\u4ef6\uff0c\u5229\u4e8e\u4ee5\u540e\u80fd\u5feb\u901f\u5f00\u53d1\u5404\u79cd\u5c0f\u7a0b\u5e8f\u5e94\u7528\u3002\u76ee\u524d\u53d1\u73b0picker\u7684selector\u6a21\u5f0f\u53ea\u6709\u4e00\u7ea7\u4e0b\u62c9\uff0c\u90a3\u4e48\u6211\u4eec\u662f\u5426\u53ef\u4ee5\u901a\u8fc73\u4e2apicker\u6765\u5b9e\u73b0\u4e09\u7ea7\u8054\u52a8\u6a21\u677f\u7684\u5f62\u5f0f\u6765\u5f15\u5165\u5176\u5b83\u9875\u9762\u4e2d\u5462\uff1f\u7b54\u6848\u662f\u80af\u5b9a\u53ef\u4ee5\u7684\u3002\u90a3\u4e48\u6211\u7684\u601d\u8def\u662f\u8fd9\u6837\u7684\uff1a<\/p>\n

1\u3001\u4f7f\u7528template\u6a21\u677f\u8bed\u6cd5\u8fdb\u884c\u5c01\u88c5\uff0c\u6570\u636e\u4ece\u9875\u9762\u4f20\u5165<\/strong><\/p>\n

2\u3001\u6839\u636epicker\u7ec4\u4ef6\u7684\u8bed\u6cd5<\/strong>\uff0crange\u53ea\u80fd\u662f\u4e00\u7ec4\u4e2d\u6587\u5730\u533a\u6570\u7ec4\uff0c\u4f46\u662f\u6211\u4eec\u9700\u8981\u6bcf\u4e2a\u5730\u533a\u7684\u552f\u4e00\u7801\u6765\u89e6\u53d1\u4e0b\u4e00\u7ea7\u8054\u52a8\u6570\u636e\u3002\u8fd9\u6837\uff0c\u6211\u7684\u505a\u6cd5\u662f\u901a\u8fc7\u4e00\u4e2a\u5bf9\u8c61\u91cc\u9762\u7684\u4e24\u7ec4\u6570\u636e\u5206\u8868\u5b58\u50a8\u4e2d\u6587\u540d\u548c\u552f\u4e00\u7801\u7684\u4e24\u4e2a\u5bf9\u8c61\u6570\u7ec4\u3002\u683c\u5f0f\u3010province:{code:[‘110000’, ‘220000’…], name: [‘\u5317\u4eac\u5e02’, ‘\u5929\u6d25\u5e02’…]}\u3011\uff0c\u8fd9\u4e2a\u683c\u5f0f\u662f\u56fa\u5b9a\u7684\uff0c\u9700\u8981\u670d\u52a1\u7aef\u914d\u5408\u8fd4\u56de<\/p>\n

3\u3001\u901a\u8fc7picker\u7684bindchange\u4e8b\u4ef6\u6765\u83b7\u53d6\u4e0b\u4e00\u7ea7\u7684\u6570\u636e\uff0c\u6bcf\u4e2a\u65b9\u6cd5\u90fd\u5199\u5165\u51fd\u6570\u4e2d\u5728\u66b4\u9732\u51fa\u6765\u4f9b\u9875\u9762\u8c03\u7528<\/strong><\/p>\n

\u7136\u540e\u8bb2\u4e0b\u6211demo\u7684\u76ee\u5f55\u7ed3\u6784\uff1a<\/p>\n

common<\/p>\n

    -net.js\/\/wx.request\u8bf7\u6c42\u63a5\u53e3\u4e8c\u6b21\u6574\u5408<\/p>\n

    -cityTemplate.js\/\/\u4e09\u7ea7\u8054\u52a8\u65b9\u6cd5<\/p>\n

page<\/p>\n

    -demo<\/p>\n

        -demo.js<\/p>\n

        -demo.wxml<\/p>\n

template<\/p>\n

    -cityTemplate.wxml<\/p>\n

app.js<\/p>\n

app.json<\/p>\n

app.wxss<\/p>\n

\u7136\u540e\uff0c\u4f7f\u7528phpstudy\u642d\u5efa\u4e86\u7b80\u5355\u7684\u670d\u52a1\u7aef\u4f9b\u6d4b\u8bd5\u3002\u4e0d\u8981\u95ee\u6211\u670d\u52a1\u7aef\u7684\u4e3a\u5565\u662f\u8fd9\u6837\u7684\uff0c\u6211\u4e5f\u4e0d\u61c2\uff0c\u521a\u5165\u95e8\u6211\u53ea\u8981\u6570\u636e…<\/p>\n

\u5f53\u7136\u4f60\u53ef\u4ee5\u7701\u6389\u8fd9\u4e00\u6b65\uff0c\u5c06\u6570\u636e\u76f4\u63a5\u56fa\u5b9a\u5728demo.js\u91cc\u9762\u8fdb\u884c\u6d4b\u8bd5…<\/p>\n

\u4ee3\u7801\u5982\u4e0b\uff1a\u3010\u670d\u52a1\u7aef\u7684\u8fd4\u56de\u6570\u636e\u683c\u5f0f\u662f\u9075\u5faa\u4e86\u4e0b\u9762\u7684retArr\u7684\u89c4\u8303\u7684\u3011<\/p>\n<\/p>\n

<?php  \nheader(\"Content-type: text\/html; charset=utf-8\");  \n \n$type=$_REQUEST[\"type\"];\/\/\u83b7\u53d6\u7701\u5e02\u533a\u7684\u6807\u5fd7 \n$fcode=$_GET[\"fcode\"]; \n \n$retArr=[ \n  \"status\"=>true, \n  \"data\"=&gt;[], \n  \"msg\"=&gt;\"\" \n]; \n \nif($type!=\"province\" &amp;&amp; $type!=\"city\" &amp;&amp; $type!=\"county\"){ \n  $retArr[\"status\"]=false; \n  $retArr[\"msg\"]=\"\u83b7\u53d6\u5730\u533a\u7c7b\u578b\u9519\u8bef\uff0c\u8bf7\u68c0\u67e5\"; \n   \n  echo json_encode($retArr); \n  exit; \n} \n \nfunction getProvince(){ \n  $province=[]; \n  $code=[\"110000\", \"350000\", \"710000\"]; \n  $province[\"code\"]=$code; \n  $name=[\"\u5317\u4eac\u5e02\", \"\u798f\u5efa\u7701\", \"\u53f0\u6e7e\u7701\"]; \n  $province[\"name\"]=$name; \n  $fcode=[\"0\", \"0\", \"0\"]; \n  $province[\"fcode\"]=$fcode; \n  return $province; \n} \nfunction getCity($P_fcode){ \n  $city=[]; \n  $code=[]; \n  $name=[]; \n  $fcode=[]; \n  if($P_fcode==\"110000\"){ \n    $code=[\"110100\"]; \n    $name=[\"\u5317\u4eac\u5e02\"]; \n    $fcode=$P_fcode; \n  } \n  if($P_fcode==\"350000\"){ \n    $code=[\"350100\", \"350200\", \"350300\", \"350400\", \"350500\", \"350600\", \"350700\", \"350800\", \"350900\"]; \n    $name=[\"\u798f\u5dde\u5e02\", \"\u53a6\u95e8\u5e02\", \"\u8386\u7530\u5e02\", \"\u4e09\u660e\u5e02\", \"\u6cc9\u5dde\u5e02\", \"\u6f33\u5dde\u5e02\", \"\u5357\u5e73\u5e02\", \"\u9f99\u5ca9\u5e02\", \"\u5b81\u5fb7\u5e02\"]; \n    $fcode=$P_fcode; \n  } \n  if($P_fcode==\"710000\"){ \n     \n  } \n  $city=[\"code\"=&gt;$code, \"name\"=&gt;$name, \"fcode\"=&gt;$fcode]; \n  return $city; \n} \nfunction getCounty($P_fcode){ \n  $county=[]; \n  $code=[]; \n  $name=[]; \n  $fcode=[];  \n  if($P_fcode==\"110100\"){ \n    $code=[\"110101\", \"110102\", \"110103\", \"110104\", \"110105\", \"110106\", \"110107\"]; \n    $name=[\"\u4e1c\u57ce\u533a\", \"\u897f\u57ce\u533a\", \"\u5d07\u6587\u533a\", \"\u5ba3\u6b66\u533a\", \"\u671d\u9633\u533a\", \"\u4e30\u53f0\u533a\", \"\u77f3\u666f\u5c71\u533a\"]; \n    $fcode=$P_fcode; \n  } \n  if($P_fcode==\"350100\"){ \n    $code=[\"350102\", \"350103\", \"350104\"]; \n    $name=[\"\u9f13\u697c\u533a\", \"\u53f0\u6c5f\u533a\", \"\u82cd\u5c71\u533a\"]; \n    $fcode=$P_fcode; \n  } \n  if($P_fcode==\"350200\"){ \n    $code=[\"350203\", \"350205\", \"350206\"]; \n    $name=[\"\u601d\u660e\u533a\", \"\u6d77\u6ca7\u533a\", \"\u6e56\u91cc\u533a\"]; \n    $fcode=$P_fcode; \n  } \n  $county=[\"code\"=&gt;$code, \"name\"=&gt;$name, \"fcode\"=&gt;$fcode]; \n  return $county; \n} \n \n\/\/var_dump($province); \nif($type==\"province\"){ \n  $province=getProvince(); \n  $retArr[\"data\"]=$province;  \n}else if($type==\"city\"){ \n  $city=getCity($fcode); \n  $retArr[\"data\"]=$city; \n}else if($type=\"county\"){ \n  $county=getCounty($fcode); \n  $retArr[\"data\"]=$county; \n} \n \necho json_encode($retArr); \n \n \n?&gt;<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u63a5\u4e0b\u6765\u662fcityTemplate.wxml\uff1a\uff1a<\/strong><\/p>\n<\/p>\n
<template> \n<view> \n <view> \n  <picker> \n  <text>{{province.name[provinceIndex]}}<\/text> \n  <\/picker> \n <\/view> \n \n <view> \n <block> --\u4e8c\u7ea7\u5e02\u533a-- <\/block> \n <block>0}}\"&gt;  \n  <picker> \n   <text>{{city.name[cityIndex]}}<\/text> \n  <\/picker> \n <\/block> \n <\/view> \n \n <view> \n <block> --\u4e09\u7ea7\u5730\u533a-- <\/block> \n <block>0}}\"&gt; \n  <picker> \n   <text>{{county.name[countyIndex]}}<\/text> \n  <\/picker> \n <\/block> \n <\/view> \n \n<\/view> \n<\/template><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
cityTemplate.js\uff1a\uff1a<\/strong><\/p>\n<\/p>\n
\/** \n * \u83b7\u53d6\u4e09\u7ea7\u8054\u52a8\u7684\u4e09\u4e2a\u51fd\u6570 \n * that:  \u6ce8\u518c\u9875\u9762\u7684this\u5b9e\u4f8b \u5fc5\u586b \n * p_url: \u4e00\u7ea7\u7701\u4efdurl \u5fc5\u586b \n * p_data\uff1a\u4e00\u7ea7\u7701\u4efd\u53c2\u6570 \u9009\u586b \n *\/ \nvar net = require( \"net\" );\/\/\u5f15\u5165request\u65b9\u6cd5 \nvar g_url, g_datd, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method; \n \nfunction initCityFun( that, p_url, p_data ) { \n  \/\/\u83b7\u53d6\u4e00\u7ea7\u7701\u4efd\u6570\u636e \n  g_cbSuccess = function( res ) { \n   that.setData( { \n    'city.province': res \n   }); \n  }; \n  net.r( p_url, p_data, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method ); \n \n  \/\/\u70b9\u51fb\u4e00\u7ea7picker\u89e6\u53d1\u4e8b\u4ef6\u5e76\u83b7\u53d6\u5e02\u533a\u65b9\u6cd5 \n  var changeProvince = function( e ) { \n    that.setData( { \n      'city.provinceIndex': e.detail.value \n    }); \n    var _fcode = that.data.city.province.code[ e.detail.value ]; \n    if( !_fcode ) { \n      _fcode = 0; \n    } \n    var _cityUrl = e.target.dataset.cityUrl; \n \n    g_url = _cityUrl + _fcode; \n    g_cbSuccess = function( res ) { \n      that.setData( { \n        'city.city': res \n      }); \n    } \n    net.r( g_url, g_datd, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method ); \n  }; \n  that[ \"provincePickerChange\" ] = changeProvince; \n \n  \/\/\u70b9\u51fb\u4e8c\u7ea7picker\u89e6\u53d1\u4e8b\u4ef6\u5e76\u83b7\u53d6\u5730\u533a\u65b9\u6cd5 \n  var changeCity = function( e ) { \n    that.setData( { \n      'city.cityIndex': e.detail.value \n    }); \n    var _fcode = that.data.city.city.code[ e.detail.value ]; \n    if( !_fcode ) { \n      _fcode = 0; \n    } \n    var _countyUrl = e.target.dataset.countyUrl; \n    g_url = _countyUrl + _fcode; \n \n    g_cbSuccess = function( res ) { \n      that.setData( { \n        'city.county': res \n      }); \n    }; \n    net.r( g_url, g_datd, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method ); \n  }; \n  that[ \"cityPickerChange\" ] = changeCity; \n \n  \/\/\u70b9\u51fb\u4e09\u7ea7picker\u89e6\u53d1\u4e8b\u4ef6 \n  var changeCounty = function( e ) { \n    that.setData( { \n      'city.countyIndex': e.detail.value \n    }); \n  }; \n  that[\"countyPickerChange\"]=changeCounty; \n} \n \nfunction getProvinceFun(that, p_url, p_data){ \n  g_cbSuccess = function( res ) { \n   that.setData( { \n    'city.province': res \n   }); \n  }; \n  net.r( p_url, p_data, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method ); \n} \n \nmodule.exports={ \n  initCityFun: initCityFun, \n  getProvinceFun: getProvinceFun \n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u987a\u9053net.js\u65b9\u6cd5\uff1a\uff1a<\/strong><\/p>\n<\/p>\n
\/** \n * \u7f51\u7edc\u53d1\u9001http\u8bf7\u6c42,\u9ed8\u8ba4\u4e3a\u8fd4\u56de\u7c7b\u578b\u4e3ajson \n *  \n * url: \u5fc5\u987b,\u5176\u4ed6\u53c2\u6570\u975e\u5fc5\u987b \u63a5\u53e3\u5730\u5740 \n * data:\u8bf7\u6c42\u7684\u53c2\u6570 Object\u6216String \n * successFun(dts):\u6210\u529f\u8fd4\u56de\u7684\u56de\u8c03\u51fd\u6570\uff0c\u5df2\u81ea\u52a8\u8fc7\u6ee4\u5fae\u4fe1\u7aef\u6dfb\u52a0\u6570\u636e,\u6309\u63a5\u53e3\u7ea6\u5b9a,\u8fd4\u56de\u6210\u529f\u540e\u7684data\u6570\u636e,\u8fc7\u6ee4\u6389msg\u548cstatus \n * successErrorFun(msg):\u6210\u529f\u6267\u884c\u8bf7\u6c42,\u4f46\u662f\u670d\u52a1\u7aef\u8ba4\u4e3a\u4e1a\u52a1\u9519\u8bef,\u6267\u884c\u5176\u4ed6\u884c\u4e3a,\u9ed8\u8ba4\u5f39\u51fa\u7cfb\u7edf\u63d0\u793a\u4fe1\u606f. \n * failFun:\u63a5\u53e3\u8c03\u7528\u5931\u8d25\u7684\u56de\u8c03\u51fd\u6570 \n * completeFun:\u63a5\u53e3\u8c03\u7528\u7ed3\u675f\u7684\u56de\u8c03\u51fd\u6570\uff08\u8c03\u7528\u6210\u529f\u3001\u5931\u8d25\u90fd\u4f1a\u6267\u884c\uff09 \n * header:object,\u8bbe\u7f6e\u8bf7\u6c42\u7684 header , header \u4e2d\u4e0d\u80fd\u8bbe\u7f6e Referer \n * method:\u9ed8\u8ba4\u4e3a GET\uff0c\u6709\u6548\u503c\uff1aOPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT \n *  \n *\/ \nfunction r( url, data, successFun, successErrorFun, failFun, completeFun, header, method ) { \n  var reqObj = {}; \n  reqObj.url = url; \n  reqObj.data = data; \n \n  \/\/\u9ed8\u8ba4\u5934\u4e3ajson \n  reqObj.header = { 'Content-Type': 'application\/json' }; \n  if( header ) { \n    \/\/\u8986\u76d6header \n    reqObj.header = header; \n  } \n \n \n  if( method ) { \n    reqObj.method = method; \n  } \n  reqObj.success = function( res ) { \n    var returnData = res.data; \/\/\u5c06\u5fae\u4fe1\u7aef\u7ed3\u679c\u8fc7\u6ee4,\u83b7\u53d6\u670d\u52a1\u7aef\u8fd4\u56de\u7684\u539f\u6837\u6570\u636e \n    var status = returnData.status; \/\/\u6309\u63a5\u53e3\u7ea6\u5b9a,\u8fd4\u56destatus\u65f6,\u624d\u8c03\u7528\u6210\u529f\u51fd\u6570 \n    \/\/console.log(res); \n    \/\/\u6b63\u5e38\u6267\u884c\u7684\u4e1a\u52a1\u51fd\u6570 \n    if( status == true ) { \n      if( successFun ) { \n        var dts = returnData.data; \n        successFun( dts );\/\/\u56de\u8c03\uff0c\u76f8\u5f53\u4e8e\u83b7\u53d6\u5230data\u540e\u76f4\u63a5\u5728\u56de\u8c03\u91cc\u9762\u5904\u7406\u8d4b\u503c\u6570\u636e \n      } \n    } else if( status == false ) { \n      var msg = returnData.msg; \n      if( !successErrorFun ) { \n        console.log( msg ); \n      } else { \n        successErrorFun( msg ); \n      } \n \n    } else { \n      console.log( \"\u670d\u52a1\u7aef\u6ca1\u6709\u6309\u7167\u63a5\u53e3\u7ea6\u5b9a\u683c\u5f0f\u8fd4\u56de\u6570\u636e\" ); \n    } \n \n \n  } \n  reqObj.fail = function( res ) { \n    if( failFun ) { \n      failFun( res ); \n    } \n  } \n  reqObj.complete = function( res ) { \n    if( completeFun ) { \n      completeFun( res ); \n    } \n  } \n \n \n  wx.request( reqObj ); \n} \n \nmodule.exports = { \n  r: r \n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u6838\u5fc3\u4ee3\u7801\u5c31\u662f\u4e0a\u9762\u8fd9\u4e09\u4e2a\u6587\u4ef6\uff0c\u63a5\u4e0b\u6765\u662fdemo\u6587\u4ef6\u505a\u6d4b\u8bd5\uff1a\uff1a<\/p>\n
demo.wxml\uff1a\uff1a<\/p>\n<\/p>\n
<import><\/import> \n<template><\/template><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
demo.js\uff1a\uff1a<\/strong><\/p>\n<\/p>\n
var city = require( '..\/..\/common\/cityTemplate' ); \nPage( { \n data: { \n \n }, \n onLoad: function( options ) { \n  var _that = this; \n  \/\/\u521b\u5efa\u4e09\u7ea7\u8054\u52a8\u6570\u636e\u5bf9\u8c61 ---- \u8fd9\u4e2acity\u5bf9\u8c61\u662f\u56fa\u5b9a\u7684\uff0c\u53ea\u6709\u8bf7\u6c42\u7684url\u662f\u6839\u636e\u5404\u81ea\u7684\u670d\u52a1\u7aef\u5730\u5740\u6765\u66f4\u6539\u7684 \n  _that.setData( { \n   city: { \n    province: {},\/\/\u683c\u5f0fprovince:{code: [\"11000\", \"12000\"], name: [\"\u5317\u4eac\u5e02\", \"\u4e0a\u6d77\u5e02\"]},\u53ea\u80fd\u56fa\u5b9a\u662fname\u548ccode\uff0c\u56e0\u4e3a\u6a21\u677f\u9700\u8981\u6839\u636e\u8fd9\u4fe9\u53c2\u6570\u663e\u793a \n    city: {}, \n    county: {}, \n    provinceIndex: 0, \n    cityIndex: 0, \n    countyIndex: 0, \n    cityUrl: \"http:\/\/localhost:8282\/phpserver\/areas.php?type=city&amp;fcode=\",\/\/type\u8868\u793a\u83b7\u53d6\u5730\u533a fcode\u662f\u4e00\u7ea7code\u7801\uff0c\u5230\u65f6\u5177\u4f53\u6839\u636e\u540e\u7aef\u8bf7\u6c42\u53c2\u6570\u4fee\u6539 \n    countyUrl: \"http:\/\/localhost:8282\/phpserver\/areas.php?type=county&amp;fcode=\" \n   } \n  }) \n  var _url = \"http:\/\/localhost:8282\/phpserver\/areas.php\"; \n  var _data = { 'type': 'province', 'fcode': '0' }; \n  city.initCityFun( _that, _url, _data ); \n } \n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u5b8c\u6574\u4ee3\u7801\u6587\u4ef6\uff0c\u6700\u7ec8\u6d4b\u8bd5\u5982\u4e0b\uff1a<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u7684\u5b9e\u73b0\u63d2\u56fe\"<\/p>\n
\u8fd9\u91cc\u5b58\u5728\u4e00\u4e2abug\uff0c\u5f00\u542f\u4e0b\u62c9\u5237\u65b0\u548cpicker\u7ec4\u4ef6\u7684\u4e0b\u62c9\u4f1a\u91cd\u53e0\u4e86\uff0c\u4e0d\u77e5\u9053\u662f\u5f00\u53d1\u5de5\u5177\u539f\u56e0\uff0c\u8fd8\u662f\u8fd8\u4e3a\u4fee\u6539\u7684bug\u3002\u3002\u3002\u53ea\u80fd\u7b49\u5fae\u4fe1\u65b9\u9762\u66f4\u65b0\u6d88\u606f\u7ed9\u53cd\u9988\u4e86<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n
<\/p>\n
<\/p>\n<\/p>\n
<\/span><\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u7684\u5b9e\u73b0\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u5b9e\u4f8b\u4ee3\u7801\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b  \u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u4f7f\u7528picker\u5c01\u88c5\u7701\u5e02\u533a\u4e09\u7ea7\u8054\u52a8\u5b9e\u4f8b   \u76ee\u524d\u5b66\u4e60\u5c0f\u7a0b\u5e8f\u66f4\u591a\u7684\u662f\u770b\u770b\u80fd\u5426\u4e8c\u6b21\u5c01\u88c5\u5176\u5b83\u7ec4\u4ef6\uff0c\u5229\u4e8e\u4ee5\u540e\u80fd\u5feb\u901f\u5f00\u53d1\u5404\u79cd\u5c0f\u7a0b\u5e8f\u5e94\u7528\u3002\u76ee\u524d\u53d1\u73b0picker\u7684selector\u6a21\u5f0f\u53ea\u6709\u4e00\u7ea7\u4e0b\u62c9\uff0c\u90a3\u4e48\u6211\u4eec\u662f\u5426\u53ef\u4ee5\u901a\u8fc73\u4e2apicker\u6765\u5b9e\u73b0\u4e09\u7ea7\u8054\u52a8\u6a21\u677f\u7684\u5f62\u5f0f\u6765\u5f15\u5165\u5176\u5b83\u9875\u9762\u4e2d\u5462\uff1f\u7b54\u6848\u662f\u80af\u5b9a\u53ef\u4ee5\u7684\u3002\u90a3\u4e48\u6211\u7684\u601d\u8def\u662f\u8fd9\u6837\u7684\uff1a 1\u3001\u4f7f\u7528template\u6a21\u677f\u8bed\u6cd5\u8fdb\u884c\u5c01\u88c5\uff0c\u6570\u636e\u4ece\u9875\u9762\u4f20\u5165 2\u3001\u6839\u636epicker\u7ec4\u4ef6\u7684\u8bed\u6cd5\uff0crange\u53ea\u80fd\u662f\u4e00\u7ec4\u4e2d\u6587\u5730\u533a\u6570\u7ec4\uff0c\u4f46\u662f\u6211\u4eec\u9700\u8981\u6bcf\u4e2a\u5730\u533a\u7684\u552f\u4e00\u7801\u6765\u89e6\u53d1\u4e0b\u4e00\u7ea7\u8054\u52a8\u6570\u636e\u3002\u8fd9\u6837\uff0c\u6211\u7684\u505a\u6cd5\u662f\u901a\u8fc7\u4e00\u4e2a\u5bf9\u8c61\u91cc\u9762\u7684\u4e24\u7ec4\u6570\u636e\u5206\u8868\u5b58\u50a8\u4e2d\u6587\u540d\u548c\u552f\u4e00\u7801\u7684\u4e24\u4e2a\u5bf9\u8c61\u6570\u7ec4\u3002\u683c\u5f0f\u3010province:{code:[‘110000’, ‘220000’…], name: [‘\u5317\u4eac\u5e02’, ‘\u5929\u6d25\u5e02’…]}\u3011\uff0c\u8fd9\u4e2a\u683c\u5f0f\u662f\u56fa\u5b9a\u7684\uff0c\u9700\u8981\u670d\u52a1\u7aef\u914d\u5408\u8fd4\u56de 3\u3001\u901a\u8fc7picker\u7684bindchange\u4e8b\u4ef6\u6765\u83b7\u53d6\u4e0b\u4e00\u7ea7\u7684\u6570\u636e\uff0c\u6bcf\u4e2a\u65b9\u6cd5\u90fd\u5199\u5165\u51fd\u6570\u4e2d\u5728\u66b4\u9732\u51fa\u6765\u4f9b\u9875\u9762\u8c03\u7528 \u7136\u540e\u8bb2\u4e0b\u6211demo\u7684\u76ee\u5f55\u7ed3\u6784\uff1a common     -net.js\/\/wx.request\u8bf7\u6c42\u63a5\u53e3\u4e8c\u6b21\u6574\u5408     -cityTemplate.js\/\/\u4e09\u7ea7\u8054\u52a8\u65b9\u6cd5 page     -demo         -demo.js         -demo.wxml template     -cityTemplate.wxml app.js app.json app.wxss \u7136\u540e\uff0c\u4f7f\u7528phpstudy\u642d\u5efa\u4e86\u7b80\u5355\u7684\u670d\u52a1\u7aef\u4f9b\u6d4b\u8bd5\u3002\u4e0d\u8981\u95ee\u6211\u670d\u52a1\u7aef\u7684\u4e3a\u5565\u662f\u8fd9\u6837\u7684\uff0c\u6211\u4e5f\u4e0d\u61c2\uff0c\u521a\u5165\u95e8\u6211\u53ea\u8981\u6570\u636e… \u5f53\u7136\u4f60\u53ef\u4ee5\u7701\u6389\u8fd9\u4e00\u6b65\uff0c\u5c06\u6570\u636e\u76f4\u63a5\u56fa\u5b9a\u5728demo.js\u91cc\u9762\u8fdb\u884c\u6d4b\u8bd5… \u4ee3\u7801\u5982\u4e0b\uff1a\u3010\u670d\u52a1\u7aef\u7684\u8fd4\u56de\u6570\u636e\u683c\u5f0f\u662f\u9075\u5faa\u4e86\u4e0b\u9762\u7684retArr\u7684\u89c4\u8303\u7684\u3011 <?php header(“Content-type: text\/html; charset=utf-8”); $type=$_REQUEST[“type”];\/\/\u83b7\u53d6\u7701\u5e02\u533a\u7684\u6807\u5fd7 $fcode=$_GET[“fcode”]; $retArr=[ “status”=>true,    “data”=&gt;[],    “msg”=&gt;””  ];    if($type!=”province” &amp;&amp; $type!=”city” &amp;&amp; $type!=”county”){    $retArr[“status”]=false;    $retArr[“msg”]=”\u83b7\u53d6\u5730\u533a\u7c7b\u578b\u9519\u8bef\uff0c\u8bf7\u68c0\u67e5”;        echo json_encode($retArr);    exit;  }    […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-32069","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=32069"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32069\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}