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

目前<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提交表单时发送属性?


Qyouu
浏览 2102回答 3
3回答

森栏

单击搜索按钮时,您可以在没有循环的情况下找到它。只需在选项中添加一个具有您需要的值的属性(例如id)并特定地搜索它。$('#search_wrapper button').on('click', function(){console.log($('option[value="'+&nbsp;$('#autocomplete_input').val() +'"]').data('value'));})
打开App,查看更多内容
随时随地看视频慕课网APP