今天開發一個小程序，里面涉及到區域選擇，看了網上的一些版本，感覺寫的不全，有可能是我的理解能力還不夠吧。今天我就結合網上的答案，在根據自己的需求，重新整理一份。希望對大家有幫助。先看看截圖：

懷柔ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景，ssl證書未來市場廣闊！成為創新互聯公司的ssl證書銷售渠道，可以享受市場價格4-6折優惠！如果有意向歡迎電話聯系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

項目截圖

下面我們把代碼梳理一下。

一、創建index.wxml文件

在pages->index文件夾下，新建index.wxml文件，代碼如下：

 class="title">
  class="title_list" value="{{cityName}}" placeholder="城市名稱" />
 確認
  scroll-y="true"  scroll-into-view="{{scrollTopId}}" class="city_list">
   wx:for="{{city}}" wx:for-index="idx" wx:for-item="cityName">
    id="{{idx}}" class="list_tit">{{idx}}
    wx:for="{{cityName}}">
     class="list_con" data-city="{{item.name}}" bindtap="bindCity">{{item.name}}
   
  
 class="scroll_list" 
   bindtouchstart="chStart"
   bindtouchend="chEnd"
   catchtouchmove="chMove"
   
   >
  wx:for="{{city}}" wx:for-index="idx" wx:for-item="cityName">
    wx:if="{{idx != '熱門城市'}}">
    id="{{idx}}" class="scroll_list_chi"  bindtouchstart="getWords" bindtouchend="setWords">{{idx}}
   
  
 hidden="{{hidden}}" class="showwords">
 {{showwords}}

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網頁標題：微信小程序實現根據字母選擇城市功能-創新互聯
文章轉載：http://www.yijiale78.com/article14/ddoege.html

成都網站建設公司_創新互聯，為您提供網站維護、建站公司、企業網站制作、軟件開發、營銷型網站建設、用戶體驗

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯