javascript - 框架7 : Adding a hidden value to picker

Question

在标准选择列表中，您只需使用 value 属性即可将隐藏变量传递回表单处理程序，即:

<select>
    <option value="hidden-variable">Displayed Value</option>
</select>

然而，对于 Framework7 的选择器，似乎没有办法实现同样的事情。它确实允许您为每列指定“值”和“显示值”，但是当您选择“显示值”时，实际字段中显示的是“值”。即:

var picker = myApp.picker({
    input: '#picker-input',
    cols: [
        {
            values: ['hidden-variable-1','hidden-variable-2'],
            displayValues: ['Displayed Value 1','Displayed Value 2']
        }
    ]
});

当您在选择器中选择“显示值 1”时，字段中会显示“hidden-variable-1”。有没有办法将隐藏变量写入隐藏输入字段并向用户显示显示值？

Answer 1

还不算太晚吗？尝试使用 formatValue 属性。

var picker = app.picker.create({
inputEl: '#picker-input',
formatValue: function(values, displayValues) {
   return displayValues;
},
cols: [
    {
        values: ['hidden-variable-1','hidden-variable-2'],
        displayValues: ['Displayed Value 1','Displayed Value 2']
    }
]});