显示datalist标签，但提交实际值

Question

目前<datalist>大多数主流浏览器（Safari除外）都支持HTML5 元素，这似乎是一种向输入添加建议的有趣方式。

但是，value属性的实现与内部文本之间似乎存在一些差异<option>。例如：

<input list="answers" name="answer">

<datalist id="answers">

  <option value="42">The answer</option>

</datalist>

不同浏览器的处理方式不同：

Chrome和Opera：

Chrome / Opera中的Datalist

FireFox和IE 11：

FireFox中的Datalist

选择一个后，输入将填充值而不是内部文本。我只希望用户在下拉列表和输入中看到文本（“答案”），但是将值传递给42提交，就像一个select遗嘱。

如何让所有浏览器都有下拉列表显示<option>s 的标签（内部文本），但在value提交表单时发送属性？

Answer 1

单击搜索按钮时，您可以在没有循环的情况下找到它。只需在选项中添加一个具有您需要的值的属性（例如id）并特定地搜索它。$('#search_wrapper button').on('click', function(){console.log($('option[value="'+&nbsp;$('#autocomplete_input').val() +'"]').data('value'));})