对于某些功能，我希望我的实际值和显示值不同。有没有办法通过JS来做到这一点？
一种方法是采用另一个具有相同名称/ID但隐藏的输入标签。
【问题讨论】：
标签： javascript html
你可以在你的 UI 控件中有一个自定义属性假设你在谈论输入标签，那么它是这样的：
<input type='text' id='txt' value='Display Value' data-custattr='Actual Value' />
在读取值时，您可以获得实际值，例如：
document.getElementById('txt').getAttribute('data-custattr')
希望这会有所帮助。
【讨论】：
编辑： 我可能会这样做的方式是在提交之前附加一些javascript，如果需要促进属性状态，则在输入中附加一个事件侦听器，就像如果你希望属性是自定义的，而不是'值'你需要一个事件“更改”上的侦听器，这将使您的自定义属性保持更新。
类似的东西：
element.addEventListener('change', () => {
element.setAttribute('myAttrName', element.value);
});
这里的重点是不需要额外的元素，只需要几行js。
【讨论】：
myAttrName 不会做任何事情。提交表单时，仍将发送该值。反正没有onchange事件，事件名称是change。