二十三、小程序中的三级下拉框（下拉菜单）

XHTML部分  
  <view class='area'>
      <view class="product-list">
       <!--条件选择-->
        <view class="choice-bar">
          <!--头部-->
           <!--第一个-->
          <view bindtap="choiceItem" data-item="1" class="chioce-item" hover-class="click-once-opaque">{{name}}
            <image class="icon-chioce" src="{{staticImg}}maintenance/icon-go-black.png"></image>
          </view>


          <!--蜀山区-->
          <view bindtap="choiceItem" data-item="2" class="chioce-item" hover-class="click-once-opaque">{{activeSortingName}}
            <image class="icon-chioce" src="{{staticImg}}maintenance/icon-go-black.png"></image>
          </view>
          <!--默认排序-->
          <view bindtap="choiceItem" data-item="3" class="chioce-item" hover-class="click-once-opaque">{{ordername}}
            <image class="icon-chioce" src="{{staticImg}}maintenance/icon-go-black.png"></image>
          </view>
          <!--对应的下拉框 -->  <view class='area'>
      <view