微信小程序薪资联动区间选择功能

最新推荐文章于 2023-09-12 11:13:11 发布

.可乐加冰.

最新推荐文章于 2023-09-12 11:13:11 发布

阅读量679

点赞数 2

分类专栏：微信小程序文章标签： javascript

本文链接：https://blog.csdn.net/z1z2z345/article/details/115290632

版权

微信小程序专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<view>
  <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange"
    value="{{index}}" range="{{dbArray}}">
    <view>薪资范围选择<text>\n</text>---需要确认后显示</view>
    <view>
      {{salaryAff[0]}}
      <block wx:if="{{salaryAff[0] != '面议' && salaryAff[1] != ''}}">-</block>
      <block wx:elif="{{salaryAff[0] != '面议'}}">请选择</block>
      {{salaryAff[1]}}
    </view>
  </picker>
</view>

<view>
  <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange"
    value="{{index}}" range="{{dbArray}}">
    <view>薪资范围选择 <text>\n</text>---不需要确认双向绑定类型</view>
    <view>
      {{salaryOut[0]}}
      <block wx:if="{{salaryOut[0] !='面议'&& salaryOut[1] != ''}}">-
      </block>
      <block wx:elif="{{salaryOut[0] != '面议'}}">请选择</block>
      {{salaryOut[1]}}
    </view>
  </picker>
</view>

Page({
  data: {
    dbArray: [[''],['']],
    dbindex: [[0],[0]],
    salaryOut: ["", ""],
  },
  onLoad() {
    let arr = ["面议"]
    for (let i = 1; i < 26; i++) {
      arr[i] = i + "K"
    }
    this.data.dbArray[0] = arr
    this.setData(this.data)
  },
  bindMultiPickerChange: function (e) {
    this.setData({
      dbindex: e.detail.value
    })
  },
  bindMultiPickerColumnChange: function (e) {
    this.data.dbindex[e.detail.column] = e.detail.value;
    if (e.detail.column === 0) {
      switch (e.detail.value) {
        case 0:
          this.data.dbArray[1] = [];
          this.data.dbindex[1] = 0;
          this.data.salaryOut[0] = ['面议'];
          this.data.salaryOut[1] = [];
          break;
        default:
          let dbArray = [];
          for (let i = 0; i < 7; i++) {
            dbArray[i] = i;
            dbArray[i] += 1;
          }
          for (let i = 0; i < dbArray.length; i++) {
            let num = Number(e.detail.value);
            dbArray[i] += num;
            dbArray[i] += "K"
          }
          this.data.dbArray[1] = dbArray;
          this.data.salaryOut[0] = this.data.dbArray[0][e.detail.value];
          this.data.salaryOut[1] = this.data.dbArray[1][this.data.dbindex[1]];
          break;
      }
    } else {
      this.data.salaryOut[1] = this.data.dbArray[1][e.detail.value];
    }
    this.setData(this.data);
  }
})