显示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中的DatalistFireFox和IE 11：FireFox中的Datalist选择一个后，输入将填充值而不是内部文本。我只希望用户在下拉列表和输入中看到文本（“答案”），但是将值传递给42提交，就像一个select遗嘱。如何让所有浏览器都有下拉列表显示<option>s 的标签（内部文本），但在value提交表单时发送属性？

Answer 1

单击搜索按钮时，您可以在没有循环的情况下找到它。

只需在选项中添加一个具有您需要的值的属性（例如id）并特定地搜索它。

$('#search_wrapper button').on('click', function(){

console.log($('option[value="'+ 

$('#autocomplete_input').val() +'"]').data('value'));

})