Framework7：为选择器添加隐藏值

Question

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

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

然而，对于Framework7的选择器，它看起来并不像是有办法实现同样的事情。它允许您为每列指定'value'和'displayValue'，但是当您选择'displayValue'时，它是在实际字段中显示的'value'。即：

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']
    }
]});