显示数据列表标签,但提交实际值。

21 浏览
0 Comments

显示数据列表标签,但提交实际值。

目前,大多数主流浏览器(除了Safari)都支持HTML5的元素,这似乎是一种有趣的方式来为输入框添加建议。

然而,value属性和元素内部文本之间似乎存在一些实现上的差异。例如:



  

不同的浏览器处理方式也不同:

Chrome和Opera:

Datalist in Chrome/Opera

FireFox和IE 11:

Datalist in FireFox

选择其中一个选项后,输入框会显示该选项的值而不是内部文本。我希望用户在下拉列表和输入框中只看到文本("The answer"),但在提交表单时传递值42,就像select一样。

如何使所有浏览器在下拉列表中显示的标签(内部文本),但在提交表单时发送value属性呢?

0