微信小程式下拉框之二維陣列或物件

2022-06-10 16:15:09 字數 1082 閱讀 8421

在專案中,我們大多數時候傳的值並不是需要這個下標,而是其他的值。像我專案中,需要獲取到的是它對應的id,那麼我們如何通過它的這個下標值返回你想要的值呢?

通過picker返回的索引值,去獲取匹配你想獲取的值;

js檔案

page(,,,

,,,,

,],

hx_index: 0;

}, bindpickerchange_hx:

function

(e) )

console.log(『id為:『, id

); },

})

wxml

<

picker

name

="picker_hx"

class

="cybm_pic_1"

data-id

="}"

range

="}"

range-key

="}"

bindchange

="bindpickerchange_hx"

>

<

view

class

="picker"

>

戶型: } //指定陣列中指定下標的name鍵對應的值

view

>

picker

>

屬性名range型別array/object array  存放你的本地資料陣列或者物件陣列,需要載入的資料
屬性名range-key型別string  當 range 是乙個 二維object array 時,通過 range-key 來指定 object 中 key 的值作為選擇器顯示內容
屬性名value型別array  value 每一項的值表示選擇了 range 對應項中的第幾個(下標從 0 開始)
屬性名data-型別自定義屬性後更的屬性名字可以自定義 當你需要設定其他值得時候可以使用  可選

微信小程式 select 下拉框元件

一 原始碼位址 二 效果圖 三 元件原始碼 1.select.wxml view class select box view class select current catchtap openclose text class current name text view view class op...

微信小程式 自定義二維picker元件(省市)

html js 初始化 二位陣列 multiarray multiindex 0,0 後台資料 arealist 轉換格式 const formatarealist arealist arealist.foreach item,index cityarrobj item.name cityarr c...

小程式 動態修改二維陣列 示例

1.首先獲取使用者所有未刪除的位址 根據字段status進行判斷 規定 0 普通位址,1 預設位址,2 已刪除位址 2.當進行刪除操作成功後,遍歷位址陣列列表,找到對應操作成功的位址id,然後動態js更改其status狀態值 其實此處的狀態值只是乙個標識,也可以使用 hide 或 show 來進行區...