微信小程序循环输出picker

<picker bindchange="bindPickerChange" value="{{index}}" range="{{hospital}}" range-key="name">
                <input disabled value="{{hospital[index].name}}" type="text"  placeholder="请选择" />
                <input disabled hidden name="hospital_id" value="{{hospital[index].id}}" type="text" />
            </picker>

案例接口数据如下我想循环输出name，然后表单拿的值是id，我这里是设置了一个隐藏的input来获取他的id值上传

 js处理

data: {
        hospital:[],
        index: -1,
    },
    onLoad(){
      this.hospital();

    },
bindPickerChange: function(e) {
      this.setData({
        index: e.detail.value
      })
    },
// 获取医院
    hospital(){
    request({ url: "/gh/hospital"})
    .then(result => {
      console.log(result);
      this.setData({
        hospital: result.data.data
      })
      
      
    })
    },

index-1 的意思是未选择，这样就会提示请选择，循环输出的效果如下

 

 

以下为自己记录一下

console.log(result.data.data.map(v => v.name));输出如下

只获取里面的name值