有没有办法从数据列表中隐藏 :value 但使用 POST 方法发送值？答案

【问题标题】：is there any way to hide :value from datalist but sent the value by using POST method?有没有办法从数据列表中隐藏 :value 但使用 POST 方法发送值？
【发布时间】：2020-08-20 08:41:23
【问题描述】：

我正在创建一个可编辑的组合框，人们可以在其中“搜索”“选择”或“编辑、插入”新值，我正在为此使用 Input 和 Datalist。

请在 jsfiddle 中查看此内容，

https://jsfiddle.net/fosiul/j097mq3u/10/

问题是：它在组合框（datalist）中创建 2 行第一行显示 ledger_object_id 的值，第二行是 .ledger_object_name

我需要

a) hide the value of .ledger_object_id from the combox, only show  the name of ledger_object_name

但是，当通过 POST 发送值时，我想在函数 store_purchase_and_sale() 中发送 ledger_object_id

这可能吗？

谢谢

【问题讨论】：

标签： html forms vue.js

【解决方案1】：

datalist HTML 元素与 select 元素不同 - 请参阅 documentation options 内的 datalist 始终在第一行以粗体显示其 value 属性 - 如果 option 标记内有一些内容，则在第二行以较浅的字体显示。你不能改变这种行为——所以你也可以

将object_name 用作value 并将option 标记留空（如果object_names 是唯一的，您可以将它们映射到它们的object_id）
或使用datalist以外的其他东西

【讨论】：

object_id 是 uniq ，但 object_name 不是唯一的，有没有办法映射它？ object_id 和 object_name ？如果没有，我还有什么其他选择？
如果名称不是唯一的，您就没有机会并且必须使用其他解决方案，例如来自awesome-vue.js.org/components-and-libraries/ui-components.html
谢谢我很喜欢Vue，刚刚看了你发的链接，你觉得这个有用吗？ github.com/sagalbot/vue-select 我在哪里显示 object_name，并将 object_id 传递给函数 + Edit 选项？它会工作吗？
您是开发人员 - 只有您可以决定它是否适用于您的特定情况。有很多可供选择 - 如果一个不起作用，请尝试另一个。
谢谢我看了那个..但似乎我很难理解哪个可以提供编辑、搜索和选择两者的能力，我只是在学习 vue，但是这个要求出现了，如果你知道哪一个可能有这个很棒的能力，